:root{ --nta-primary: #0073e6; --nta-accent:#00c6ff; }
.nta-wrapper{ max-width:900px; margin:20px auto; font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial; color:#042a3a; }
.nta-head{ color:var(--nta-primary); margin:0 0 14px 0; font-size:20px; }
.nta-grid{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:12px; }
.nta-field label{ display:block; margin-bottom:6px; font-weight:600; }
.nta-input-icon{ position:relative; }
.nta-input-icon input[type="date"]{ width:100%; padding:12px 42px 12px 14px; border-radius:12px; border:1px solid rgba(3,51,102,0.08); box-shadow: 0 6px 18px rgba(3,51,102,0.03); font-size:15px; transition:transform .18s ease, box-shadow .18s ease; appearance:none; -webkit-appearance:none; background-color:#fff; }
.nta-input-icon .nta-icon{ position:absolute; right:12px; top:50%; transform:translateY(-50%); pointer-events:none; font-size:18px; filter:drop-shadow(0 2px 6px rgba(3,51,102,0.08)); }
.nta-input-icon input[type="date"]:focus{ transform:translateY(-2px); box-shadow:0 10px 30px rgba(3,51,102,0.06); outline:none; }

.nta-actions{ display:flex; gap:10px; margin-bottom:12px; align-items:center; }
.nta-btn{ background:linear-gradient(90deg,var(--nta-primary),var(--nta-accent)); color:#fff; border:0; padding:10px 16px; border-radius:12px; cursor:pointer; font-weight:700; box-shadow:0 8px 28px rgba(3,51,102,0.12); transition:transform .15s ease; }
.nta-btn.alt{ background:transparent; color:var(--nta-primary); border:1px solid rgba(3,51,102,0.06); box-shadow:none; }
.nta-btn.ghost{ background:transparent; color:#666; border:1px dashed #e6eef6; }
.nta-btn.small{ padding:8px 12px; font-size:13px; }

.nta-result{ background:linear-gradient(180deg,#ffffff,#f6fbff); padding:14px; border-radius:12px; border:1px solid #e7f3ff; min-height:120px; transition:all .25s ease; }
.nta-result-inner{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
.nta-result-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; width:100%; }
.nta-card{ background:#fff; border-radius:10px; padding:12px; box-shadow:0 6px 18px rgba(3,51,102,0.04); text-align:center; }
.nta-card .label{ font-size:12px; color:#567; }
.nta-card .value{ font-size:18px; font-weight:800; color:var(--nta-primary); margin-top:6px; }

.nta-faq{ margin-top:16px; }
.nta-faq details{ background:#fff; border-radius:10px; padding:12px; margin-bottom:8px; box-shadow:0 6px 18px rgba(3,51,102,0.03); }
.nta-faq summary{ font-weight:700; cursor:pointer; outline:none; }

/* responsive */
@media (max-width:720px){ .nta-grid{ grid-template-columns:1fr; } .nta-result-grid{ grid-template-columns:repeat(2,1fr); } }