:root{--bg:#0f1724;--card:#0b1220;--muted:#9aa4b2;--accent:#00d4ff;--glass:#ffffff0a;--radius:12px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}*{box-sizing:border-box;margin:0;padding:0}.body{background:linear-gradient(180deg,var(--bg),#06101a);color:#e6eef6;justify-content:center;align-items:center;height:100vh;padding:20px;display:flex}.converter{background:var(--card);border-radius:var(--radius);border:1px solid #ffffff0d;width:100%;max-width:400px;padding:24px;box-shadow:0 6px 30px #02061799}h1{text-align:center;margin-bottom:20px;font-size:20px}.field{flex-direction:column;margin-bottom:16px;display:flex}label{color:var(--muted);margin-bottom:6px;font-size:14px}option{background-color:var(--bg)}select,input{background:var(--glass);color:#fff;border:1px solid #ffffff1a;border-radius:8px;padding:10px;font-size:14px}select:focus,input:focus{border-color:var(--accent);outline:none}.result{text-align:center;background:#ffffff0d;border-radius:8px;margin-top:20px;padding:12px;font-size:16px;font-weight:600}button{background:linear-gradient(90deg,var(--accent),#6ee7b7);color:#02121a;cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:8px;padding:12px;font-size:14px;font-weight:600}button:hover{opacity:.9}