:root{--bg:#141a2a;--card:#222a3d;--blue:#4793ef;--primary:#e8edf5;--secondary:#7a8ba8;--muted:#4a5a75;--border:rgba(71,147,239,.12);--input:rgba(20,26,42,.72);--error:#f87171}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{font-family:Outfit,sans-serif;background:var(--bg);color:var(--primary)}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 60% at 20% 10%,rgba(71,147,239,.08),transparent 60%),radial-gradient(ellipse 60% 80% at 85% 90%,rgba(71,147,239,.06),transparent 50%);pointer-events:none}body:after{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(71,147,239,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(71,147,239,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}.page{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.back{position:fixed;top:22px;left:24px;color:var(--secondary);font-size:13px;font-weight:600;text-decoration:none;z-index:20;transition:color .2s}.back:hover{color:var(--blue)}.orb{position:fixed;border-radius:50%;background:radial-gradient(circle,rgba(71,147,239,.12),transparent 70%);filter:blur(60px);pointer-events:none}.orb-a{width:340px;height:340px;top:5%;left:15%}.orb-b{width:260px;height:260px;bottom:5%;right:10%}.badge{display:flex;align-items:center;gap:8px;padding:8px 18px;margin-bottom:20px;border:1px solid var(--border);border-radius:99px;background:rgba(71,147,239,.12);color:var(--blue);font-size:12.5px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}.badge i{width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 8px rgba(71,147,239,.6)}.card{position:relative;width:100%;max-width:580px;padding:48px;border:1px solid var(--border);border-radius:24px;background:rgba(34,42,61,.78);box-shadow:0 24px 80px -12px rgba(0,0,0,.5),0 0 120px -40px rgba(71,147,239,.35)}.card:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--blue),transparent);opacity:.5}.card h1{text-align:center;font-size:35px;font-weight:800;line-height:1.1;letter-spacing:-.5px;margin-bottom:36px}.card h1 span{display:block;margin-top:8px;color:var(--secondary);font-size:14.8px;font-weight:400;letter-spacing:.5px}.field{position:relative;margin-bottom:24px}.field label{display:block;margin-bottom:10px;color:var(--muted);font-size:12.5px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase}.field:focus-within label{color:var(--blue)}.field>input,.select-display{width:100%;height:53px;padding:0 18px;border:1.5px solid var(--border);border-radius:14px;background:var(--input);color:var(--primary);font:500 15px Outfit,sans-serif;outline:0}.field>input::placeholder{color:var(--muted)}.field>input:focus,.select-display[aria-expanded=true]{border-color:var(--blue);box-shadow:0 0 0 3px rgba(71,147,239,.12)}#account.valid{color:#34d399}.field small{display:none;margin-top:8px;color:var(--error);font-size:13px;font-weight:500}.field.invalid small{display:block}.select-display{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.select-display span{color:var(--secondary)}.select-display.has-value span{color:var(--primary)}.select-display i{width:9px;height:9px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);margin-top:-4px}.asset-field{z-index:100}.dropdown{position:absolute;top:87px;left:0;right:0;z-index:1000;max-height:300px;overflow:hidden;border:1px solid rgba(71,147,239,.25);border-radius:16px;background:#1a2134;box-shadow:0 20px 50px rgba(0,0,0,.55)}.search{width:100%;height:48px;padding:0 18px;border:0;border-bottom:1px solid var(--border);outline:0;background:#1d2840;color:var(--primary);font:400 14px Outfit,sans-serif}.search::placeholder{color:var(--muted)}.options{max-height:250px;overflow-y:auto;padding-bottom:6px}.group{padding:12px 18px 6px;border-top:1px solid var(--border);color:var(--muted);font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.group:first-child{border-top:0}.option{display:block;width:calc(100% - 12px);padding:10px 18px;margin:2px 6px;border:0;border-radius:8px;background:transparent;color:var(--secondary);font:500 14.7px Outfit,sans-serif;text-align:left;cursor:pointer}.option:hover,.option.selected{background:rgba(71,147,239,.12);color:var(--primary)}.empty{padding:24px;text-align:center;color:var(--muted)}.calculate{width:100%;height:55px;margin-top:8px;border:0;border-radius:14px;background:var(--blue);box-shadow:0 8px 30px -6px rgba(71,147,239,.6);color:#fff;font:700 15px Outfit,sans-serif;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:.2s}.calculate:hover{background:#5ba0f2;transform:translateY(-2px)}.result{position:relative;overflow:hidden;margin-top:32px;padding:32px;border:1px solid var(--border);border-radius:18px;background:rgba(71,147,239,.06);text-align:center}.result:before,.result:after{content:"";position:absolute;top:50%;left:50%;border:1px solid rgba(71,147,239,.12);border-radius:50%;transform:translate(-50%,-50%)}.result:before{width:180px;height:180px}.result:after{width:260px;height:260px;opacity:.4}.result span,.result strong{position:relative;z-index:1;display:block}.result span{margin-bottom:16px;color:var(--secondary);font-size:13.6px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase}.result strong{color:var(--blue);font-size:67px;line-height:1;text-shadow:0 0 40px rgba(71,147,239,.35)}.note{margin-top:24px;color:var(--muted);font-size:12px;letter-spacing:.3px}@media(max-width:700px){.page{justify-content:center}.card{padding:32px 20px;border-radius:20px}.card h1{font-size:28.8px}.result strong{font-size:48px}.orb{display:none}.back span{display:none}}@media(max-height:780px){.page{justify-content:flex-start;padding-top:52px}.back{top:16px}}