:root{color-scheme:dark;--bg:#050b14;--text:#fff;--muted:#a7b0c2;--tech:#00f3ff;--gold:#ffd700;--border:rgba(255,255,255,.14)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 8% 28%,#00333d66,transparent 44%),radial-gradient(ellipse at 95% 72%,#643a082e,transparent 42%),var(--bg);color:var(--text);font-family:Montserrat,Arial,sans-serif;font-size:14px;min-height:100vh}body:before{content:'';position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(#92d8dd35 .7px,transparent .7px);background-size:47px 47px;z-index:-1}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button{color:white}.header{max-width:1180px;margin:24px auto;padding:14px 23px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border);border-radius:99px;background:#070e1cb8;backdrop-filter:blur(24px)}.brand{display:flex;gap:12px;align-items:center;font-weight:800;font-size:15px}.brand-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;font-size:26px;color:#332000;background:linear-gradient(135deg,#ffd700,#ff7700);box-shadow:0 0 26px #ffb40040}.brand-sub{display:block;color:var(--gold);font-size:12px;margin-top:3px}.back{color:#c1c8d4;font-size:12px}.back span{color:var(--gold);margin-left:10px}main{max-width:1060px;margin:auto;padding:0 24px}.intro{text-align:center;padding:48px 0 47px}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--tech);font-weight:600}h1{font-size:clamp(34px,4.6vw,54px);letter-spacing:-2px;margin:17px 0 14px;line-height:1.12;font-weight:800}h1 span{background:linear-gradient(110deg,#00f3ff,#00ffaa);background-clip:text;color:transparent}.intro p{color:var(--muted);font-size:15px}.source-badge{display:inline-flex;align-items:center;gap:8px;color:#bdcbd6;background:#0b212b;border:1px solid #164049;padding:8px 13px;border-radius:30px;font-size:10px;margin-top:10px}.source-badge i{width:6px;height:6px;background:#00ffaa;border-radius:50%;box-shadow:0 0 10px #00ffaa}.section-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.step{color:#7e91a7;font-size:9px;letter-spacing:2px;font-weight:600;margin-bottom:10px}h2{font-size:22px;letter-spacing:-.6px;margin:0;font-weight:700}label{display:block;color:#adb8c8;font-size:11px;font-weight:500;margin-bottom:10px}input,select{border:1px solid #2b3849;border-radius:12px;color:white;background:#090f1c;min-height:50px;width:100%;padding:12px 14px;outline:none}input:focus,select:focus{border-color:var(--tech);box-shadow:0 0 0 3px #00f3ff12}button:focus-visible,a:focus-visible{outline:2px solid var(--tech);outline-offset:4px}input[type=date]{min-height:42px;width:165px;font-size:12px}.date-row{display:flex;gap:10px;align-items:center}.date-control label{margin-bottom:6px}.subtle{border:1px solid var(--border);border-radius:30px;padding:10px 15px;background:#ffffff06;font-size:11px}.subtle:hover{border-color:#00f3ff77;color:var(--tech)}.rates-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:23px 0 15px}.rates-meta p{color:var(--muted);font-size:11px;line-height:1.7;margin:0}.rates{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.rate-card,.panel{border:1px solid var(--border);background:linear-gradient(120deg,#101e2cc9,#0c1421e6);border-radius:20px}.rate-card{padding:20px;position:relative;min-height:150px}.currency-head{display:flex;align-items:center;gap:10px;font-weight:700}.currency-symbol{display:grid;place-items:center;width:32px;height:32px;background:#00f3ff10;border:1px solid #00f3ff25;border-radius:10px;color:var(--tech);font-size:18px}.rate-card:nth-child(even) .currency-symbol{color:var(--gold);border-color:#ffd70025;background:#ffd70010}.currency-name{font-size:10px;color:var(--muted);margin:12px 0;line-height:1.5}.rate-value{font-size:23px;font-weight:600;letter-spacing:-.7px;font-variant-numeric:tabular-nums}.rate-value small{font-size:14px;color:#8797aa}.rate-unit{font-size:9px;color:#8c9aac;margin-top:7px}.converter{padding:28px;margin-top:27px}.converter-icon{font-size:32px;color:#ffd70088}.converter-grid{display:grid;grid-template-columns:1.15fr 1fr 42px 1fr;align-items:start;gap:16px;margin:28px 0 22px}.swap{margin-top:30px;width:42px;height:42px;border:1px solid #3c4147;background:#ffffff05;border-radius:50%;color:var(--gold);font-size:23px}.swap:hover{background:#ffd70015}.result-box{padding:25px 28px;border:1px solid #00f3ff30;border-radius:16px;background:linear-gradient(110deg,#00343c70,#06222645);display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:145px}.result-label{font-size:9px;letter-spacing:2px;color:#8dcbc9}.result{font-size:clamp(27px,4vw,42px);font-weight:700;letter-spacing:-1px;color:#72fff0;margin:10px 0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}#equation{color:#a6c4c9;font-size:11px;margin:0;line-height:1.6}.result-spark{font-size:65px;color:#00f3ff35}.converter-foot{display:flex;justify-content:space-between;color:#8493a7;font-size:10px;margin-top:17px;gap:12px}.note{display:flex;gap:12px;color:#8a98ac;margin:23px 5px 32px;line-height:1.8;font-size:11px}.note>span{color:#d6b958;font-size:17px}.note p{margin:0}footer{border-top:1px solid #ffffff0d;max-width:1132px;padding:23px 12px;margin:0 auto;display:flex;justify-content:space-between;gap:16px;color:#738096;font-size:10px}footer b{color:#bfa750;font-weight:500}footer a{color:#9caabb}.picker{padding:20px;margin:12px 0}.picker input[type=search]{max-width:360px}#currency-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0;max-height:240px;overflow:auto}#currency-options label{display:flex;align-items:center;gap:8px;line-height:1.5;margin:0;color:#ced8e1}#currency-options input{width:16px;min-height:16px;accent-color:#00d8db}.error{color:#ffabae;font-size:10px;display:block;margin-top:6px}.empty{color:var(--muted);grid-column:1/-1;padding:25px;border:1px dashed var(--border);border-radius:16px;line-height:1.7}[hidden]{display:none!important}@media(max-width:760px){.header{margin:15px 16px}.intro{padding:36px 0}h1 span{display:block}.eyebrow{font-size:8px;letter-spacing:2px}.rates{grid-template-columns:repeat(2,minmax(0,1fr))}.converter-grid{grid-template-columns:1fr 42px 1fr;gap:10px}.converter-grid>div:first-child{grid-column:1/-1}.converter{padding:22px}.section-top{align-items:flex-start}h2{font-size:19px}.date-row{flex-wrap:wrap;gap:6px}.date-row .subtle{padding:7px 11px}.date-control{min-width:165px}.converter-foot{line-height:1.6}footer{margin:0 20px;flex-wrap:wrap}#currency-options{grid-template-columns:repeat(2,1fr)}}@media(max-width:450px){main{padding:0 16px}.brand{font-size:12px}.brand-icon{width:34px;height:34px}.header{padding:12px 15px}.back{font-size:10px}.rates-section>.section-top{flex-direction:column;gap:18px}.date-control{width:100%}.date-row{flex-wrap:nowrap}.date-row input{flex:1}.rate-card{padding:15px}.rate-value{font-size:21px}.rates-meta{align-items:flex-start}.rates-meta .subtle{white-space:nowrap;padding:9px 10px}.converter{padding:19px 16px}.converter-grid select{font-size:11px;padding:12px 8px}.result-box{padding:22px 18px}.result-spark{display:none}.intro p{font-size:12px}#currency-options{grid-template-columns:1fr}}