:root{--bg0:#0b0b0c;--bg1:#121416;--bg2:#1a1d20;--text:#e6e6e6;--muted:#bdbdbd;--line:#2c3035}*{box-sizing:border-box}body,html{height:100%}body{margin:0;color:var(--text);background:radial-gradient(800px 400px at 50% -10%,hsla(0,0%,100%,.06),transparent 60%),linear-gradient(160deg,var(--bg0) 0,var(--bg1) 40%,var(--bg2) 100%);font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif}.card{position:relative;border-radius:20px;border:1px solid var(--line);background:hsla(0,0%,100%,.04);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 60px rgba(0,0,0,.45),inset 0 1px hsla(0,0%,100%,.06)}.input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#0e1012;color:var(--text);outline:none;transition:border .2s,box-shadow .2s}.input:focus{border-color:#bfbfbf;box-shadow:0 0 0 3px hsla(0,0%,100%,.08)}.hr{height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.14),transparent)}.slider{width:100%;accent-color:#d4d4d4}.total{font-weight:800;font-size:28px;letter-spacing:.5px;text-shadow:0 -1px 0 hsla(0,0%,100%,.25),0 1px 0 rgba(0,0,0,.5)}.noise{position:absolute;inset:-1px;background-image:linear-gradient(0deg,hsla(0,0%,100%,.03),rgba(0,0,0,.03));opacity:.06;pointer-events:none;border-radius:20px}.toggle{display:flex;border:1px solid var(--line);background:#0e1012;border-radius:12px;overflow:hidden}.toggle button{flex:1 1;padding:10px 12px;color:#d1d5db;background:transparent;border:0;cursor:pointer;font-weight:700}.toggle .on{background:linear-gradient(180deg,#fff,#cfcfcf,#9a9a9a);color:#0a0a0a}.btn{position:relative;width:100%;padding:16px 20px;border:1px solid #3a3f45;border-radius:14px;color:#0a0a0a;background:#d1d5db;font-weight:900;letter-spacing:1;overflow:hidden;cursor:pointer}.btn .fill{position:absolute;inset:0;background:linear-gradient(180deg,#fff,#cfcfcf 50%,#9a9a9a);transform-origin:left center;transition:transform .3s ease}.btn .sweep{position:absolute;top:0;bottom:0;width:26%;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.38) 50%,hsla(0,0%,100%,0));filter:blur(6px);transform:skewX(-20deg) translateX(-150%);animation:sweep 2.4s linear infinite}@keyframes sweep{0%{transform:skewX(-20deg) translateX(-150%)}to{transform:skewX(-20deg) translateX(250%)}}