*{box-sizing:border-box}body{color:#f5f7ff;background:radial-gradient(circle at 10% 10%,#7d8bff40,#0000 45%),radial-gradient(circle at 80% 20%,#96e0ff2e,#0000 50%),#070b1a;min-height:100vh;margin:0;font-family:Inter,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.app-shell{max-width:920px;margin:0 auto;padding:56px 20px}.hero{margin-bottom:28px}.hero__eyebrow{text-transform:uppercase;letter-spacing:.24em;color:#96e0ff;margin:0;font-size:.75rem}.hero h1{margin:12px 0 10px;font-size:clamp(2rem,2.4vw + 1.2rem,3rem);line-height:1.1}.hero__subtitle{color:#b6c0df;max-width:70ch;margin:0}.converter-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff14;border:1px solid #ffffff29;border-radius:22px;padding:22px;box-shadow:0 24px 70px #00000059}.mode-switch{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.mode-switch button{color:#b6c0df;cursor:pointer;background:#ffffff0a;border:1px solid #0000;border-radius:14px;padding:12px;font-weight:600;transition:all .18s}.mode-switch button:hover{color:#f5f7ff;border-color:#ffffff4d}.mode-switch button.active{color:#0b1028;background:linear-gradient(135deg,#7d8bff,#96e0ff)}.converter-form{gap:16px;display:grid}.converter-form label{color:#b6c0df;gap:8px;font-weight:600;display:grid}.converter-form input,.converter-form select{color:#f5f7ff;width:100%;font:inherit;background:#ffffff24;border:1px solid #ffffff29;border-radius:12px;padding:12px}.converter-form select,.converter-form option{color:#f5f7ff;background-color:#1a2142}.converter-form button[type=submit]{color:#0b1028;cursor:pointer;background:linear-gradient(135deg,#7d8bff,#96e0ff);border:none;border-radius:12px;padding:12px 16px;font-weight:700;transition:transform .18s}.converter-form button[type=submit]:hover{transform:translateY(-2px)}.converter-form button[type=submit]:disabled{opacity:.75;cursor:progress;transform:none}.status{color:#61f3b1;min-height:1.4em;margin:14px 2px 4px}.progress{margin-top:14px}.progress__row{color:#b6c0df;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:.92rem;display:flex}.progress__track{background:#ffffff1f;border-radius:999px;width:100%;height:10px;overflow:hidden}.progress__fill{border-radius:inherit;background:linear-gradient(90deg,#7d8bff,#96e0ff);width:0;height:100%;transition:width .25s}