*{box-sizing:border-box}:root{--bg-main: linear-gradient(135deg, #0f172a, #020617);--card-bg: rgba(255, 255, 255, .06);--border-light: rgba(255, 255, 255, .15);--text-main: #e5e7eb;--muted-text: #94a3b8;--primary: #3b82f6;--success: #22c55e}body{margin:0;min-height:100vh;background:var(--bg-main);font-family:Inter,system-ui,sans-serif;color:var(--text-main);display:flex;justify-content:center}#root{width:100%;display:flex;justify-content:center}.border{width:100%;max-width:460px;margin:28px auto;padding:26px;background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;border:1px solid var(--border-light);box-shadow:0 14px 40px #00000073}h1{font-size:2rem;text-align:center}h2{font-size:1.3rem;margin-bottom:12px;letter-spacing:.4px}p{margin:6px 0;color:var(--muted-text)}form{display:flex;flex-direction:column}input,select{height:36px;padding:6px;font-size:.9rem;background:#0f172ae6;color:var(--text-main);border-radius:8px;border:1px solid #334155;outline:none;transition:all .2s ease}input::placeholder{color:var(--muted-text)}input:focus,select:focus{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf859}button{height:38px;padding:0 14px;font-size:.9rem;font-weight:500;border-radius:10px;border:1px solid transparent;cursor:pointer;transition:all .25s ease}button:hover{transform:translateY(-1px)}button:active{transform:scale(.97)}.bg-blue-500,.bg-blue-600{background:var(--primary);color:#fff;border:1px solid rgba(255,255,255,.25);box-shadow:0 6px 20px #3b82f673}.bg-green-500{background:var(--success);color:#fff;border:1px solid rgba(255,255,255,.25);box-shadow:0 6px 20px #22c55e73}a.w-full{display:block;padding:14px 0;margin-bottom:16px;text-align:center;font-weight:500;border-radius:12px;border:1px solid rgba(255,255,255,.3);background:#1e3a8ad9;color:#fff;transition:all .25s ease}a.w-full:hover{background:#2563ebf2;transform:translateY(-2px);box-shadow:0 10px 28px #3b82f680}a.w-full:last-child{margin-bottom:0}.line-through{opacity:.55}.bg-gray-200,.bg-gray-300{border-radius:999px;overflow:hidden}.bg-blue-500,.bg-red-500,.bg-yellow-500,.bg-green-500{border-radius:999px;transition:width .4s ease}.text-red-500{font-size:.75rem;margin-top:2px}pre{background:#020617;color:#a5f3fc;border-radius:10px;font-size:.85rem;padding:12px;overflow-x:auto}.text-xl{font-variant-numeric:tabular-nums}