:root{--fx-slate-950:#020617;--fx-slate-900:#0f172a;--fx-slate-800:#1e293b;--fx-slate-700:#334155;--fx-slate-600:#475569;--fx-slate-500:#64748b;--fx-slate-200:#e2e8f0;--fx-slate-100:#f1f5f9;--fx-slate-50:#f8fafc;--fx-green:#059669;--fx-green-light:#34d399;--fx-blue:#60a5fa;--fx-white:#fff}*{box-sizing:border-box}body{background:var(--fx-slate-50);color:var(--fx-slate-900);font-family:Inter,sans-serif;margin:0;min-height:100vh}.fx-wrap{margin:auto;max-width:1180px;padding-inline:24px}.fx-hero{background:var(--fx-slate-900);overflow:hidden;padding:72px 0 88px;position:relative}.fx-glow{border-radius:50%;filter:blur(80px);height:420px;opacity:.18;position:absolute;width:420px}.fx-glow--green{background:var(--fx-green-light);left:12%;top:-250px}.fx-glow--blue{background:var(--fx-blue);bottom:-280px;right:8%}.fx-hero__grid{align-items:center;display:grid;gap:64px;grid-template-columns:1fr 1fr;position:relative}.fx-pill{align-items:center;background:var(--fx-slate-800);border:1px solid var(--fx-slate-700);border-radius:999px;color:var(--fx-green-light);display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:7px 12px}.fx-pill i{background:var(--fx-green-light);border-radius:50%;box-shadow:0 0 12px var(--fx-green-light);height:8px;width:8px}.fx-intro h1{color:#fff;font-size:clamp(40px,6vw,68px);letter-spacing:-.05em;line-height:1.02;margin:24px 0}.fx-intro h1 span{background:linear-gradient(90deg,var(--fx-green-light),var(--fx-blue));-webkit-background-clip:text;background-clip:text;color:transparent}.fx-intro>p{color:#94a3b8;font-size:18px;line-height:1.65;max-width:600px}.fx-date-card{background:rgba(30,41,59,.72);border:1px solid var(--fx-slate-700);border-radius:16px;margin-top:30px;padding:18px}.fx-date-card label,.fx-field span{color:#cbd5e1;display:block;font-size:12px;font-weight:700;margin-bottom:8px}.fx-date-card>div{display:flex;gap:10px}.fx-date-card input,.fx-date-card button,.fx-field input,.fx-field select{border:1px solid var(--fx-slate-200);border-radius:9px;font:500 15px Inter,sans-serif;min-height:46px;padding:10px 12px}.fx-date-card input{background:#fff;flex:1}.fx-date-card button{background:var(--fx-green);border-color:var(--fx-green);color:#fff;cursor:pointer;font-weight:700}.fx-date-card p{color:#94a3b8;font-size:12px;margin:10px 0 0}.fx-card{background:#fff;border:1px solid var(--fx-slate-100);border-radius:24px;box-shadow:0 28px 60px rgba(2,6,23,.28);padding:30px}.fx-card__eyebrow,.fx-section-head span{color:var(--fx-green);font-size:11px;font-weight:800;letter-spacing:.12em}.fx-card h2{font-size:25px;margin:7px 0 24px}.fx-field{display:block}.fx-field span{color:var(--fx-slate-700)}.fx-field input,.fx-field select{background:var(--fx-slate-50);color:var(--fx-slate-900);width:100%}.fx-field input:focus,.fx-field select:focus,.fx-date-card input:focus{border-color:var(--fx-green);box-shadow:0 0 0 3px rgba(5,150,105,.15);outline:none}.fx-converter__currencies{align-items:end;display:grid;gap:10px;grid-template-columns:1fr auto 1fr;margin-top:18px}.fx-swap{background:var(--fx-slate-100);border:0;border-radius:9px;color:var(--fx-green);cursor:pointer;font-size:24px;height:46px;width:46px}.fx-result{background:var(--fx-slate-900);border-radius:15px;color:#fff;margin-top:24px;overflow:hidden;padding:22px;position:relative}.fx-result:after{background:var(--fx-green);border-radius:50%;content:"";filter:blur(24px);height:90px;opacity:.18;position:absolute;right:-20px;top:-30px;width:90px}.fx-result span,.fx-result small{color:#94a3b8;display:block;font-size:12px}.fx-result strong{color:var(--fx-green-light);display:block;font-size:clamp(27px,4vw,38px);margin:8px 0}.fx-content{padding:64px 0}.fx-section-head{align-items:center;display:flex;justify-content:space-between}.fx-section-head h2{font-size:30px;margin:7px 0}.fx-section-head button{background:#fff;border:1px solid var(--fx-slate-200);border-radius:9px;color:var(--fx-slate-700);cursor:pointer;font-weight:700;padding:11px 15px}.fx-settings{background:#fff;border:1px solid var(--fx-slate-200);border-radius:14px;margin:20px 0;padding:20px}.fx-settings p{color:var(--fx-slate-500);font-size:13px;margin-top:0}.fx-settings>div{display:flex;flex-wrap:wrap;gap:8px}.fx-choice{align-items:center;background:var(--fx-slate-50);border:1px solid var(--fx-slate-200);border-radius:999px;cursor:pointer;display:flex;font-size:13px;gap:7px;padding:8px 11px}.fx-choice:has(input:checked){background:#ecfdf5;border-color:#6ee7b7;color:#047857}.fx-rates{display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-top:24px}.fx-rate{background:#fff;border:1px solid var(--fx-slate-100);border-radius:18px;box-shadow:0 8px 28px rgba(15,23,42,.07);padding:22px}.fx-rate__head{align-items:center;display:flex;justify-content:space-between}.fx-rate__code{background:var(--fx-slate-900);border-radius:8px;color:#fff;font-size:13px;font-weight:800;padding:7px}.fx-rate__flag{font-size:24px}.fx-rate h3{font-size:14px;margin:18px 0 5px}.fx-rate strong{color:var(--fx-slate-900);font-size:24px}.fx-rate p{color:var(--fx-slate-500);font-size:11px;margin:6px 0 0}.fx-alert{background:#fff1f2;border:1px solid #fecdd3;border-radius:10px;color:#be123c;margin-top:20px;padding:13px}.fx-source{color:var(--fx-slate-500);font-size:12px;margin-top:24px}.fx-source a{color:var(--fx-green)}.fx-rate--loading i{animation:fx-pulse 1.3s infinite;background:var(--fx-slate-100);border-radius:6px;display:block;height:15px;margin:12px 0}.fx-rate--loading i:nth-child(2){height:28px;width:70%}@keyframes fx-pulse{50%{opacity:.4}}[hidden]{display:none!important}@media(max-width:900px){.fx-hero__grid{grid-template-columns:1fr}.fx-rates{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.fx-wrap{padding-inline:16px}.fx-hero{padding:42px 0 54px}.fx-date-card>div,.fx-section-head{align-items:stretch;flex-direction:column}.fx-converter__currencies{grid-template-columns:1fr}.fx-swap{transform:rotate(90deg)}.fx-rates{grid-template-columns:1fr}}