:root{color:#f8fafc;background-color:#0b0f19;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-weight:400;line-height:1.5}html,body{background:radial-gradient(circle at top,#1e293b 0%,#0b0f19 100%) no-repeat fixed;justify-content:center;align-items:center;width:100vw;min-height:100vh;margin:0;padding:0;display:flex;overflow-x:hidden}#root{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:100%;margin:0 auto;padding:2rem 1rem;display:flex;border:none!important;outline:none!important}h1,h2,h3,.page-header{text-align:center;letter-spacing:-.02em;font-weight:700;color:#fff!important}.page-header{text-shadow:0 2px 12px #000000b3;margin-bottom:2rem;font-size:2rem}.app-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#161f30eb;border:1px solid #ffffff26;border-radius:16px;width:100%;max-width:450px;margin:0 auto;padding:2.25rem 2rem;box-shadow:0 25px 50px -12px #000000b3}.card-title{color:#fff;text-align:center;margin:0 0 .4rem;font-size:1.6rem;font-weight:700}.card-subtitle{text-align:center;text-transform:uppercase;letter-spacing:.08em;color:#38bdf8;margin-bottom:1.75rem;font-size:.85rem;font-weight:600}.input-field{color:#fff;background:#0b0f19;border:1px solid #ffffff40;border-radius:8px;outline:none;width:100%;padding:.85rem 1rem;font-size:1rem;transition:border-color .15s,box-shadow .15s}.input-field:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf84d}.btn-primary{color:#0b0f19;cursor:pointer;background-color:#38bdf8;border:none;border-radius:8px;width:100%;margin-top:.5rem;padding:.85rem 1rem;font-size:1rem;font-weight:700;transition:background-color .15s,transform .1s}.btn-secondary{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:6px;padding:.6rem 1.1rem;font-size:.9rem;font-weight:600;transition:background-color .15s,border-color .15s}.status-message{text-align:center;border-radius:6px;margin-top:1.25rem;padding:.6rem;font-size:.9rem;font-weight:600}.status-message.error{color:#fecaca;background:#ef444433;border:1px solid #ef444466}.status-message.success{color:#bbf7d0;background:#22c55e33;border:1px solid #22c55e66}.card-item-box{color:#f8fafc;word-break:break-word;background:#0b0f19;border:1px solid #ffffff26;border-radius:8px;margin-top:.75rem;padding:.85rem 1rem;font-weight:500}:root{--bg-deep:#0b0f19;--bg-surface:#161f30;--card-bg:#172033d9;--border-subtle:#ffffff1f;--border-strong:#ffffff40;--accent:#38bdf8;--accent-hover:#0ea5e9;--accent-focus:#7dd3fc;--text-main:#f8fafc;--text-muted:#cbd5e1;--text-placeholder:#94a3b8;--danger:#f87171;--success:#4ade80}*,:before,:after{box-sizing:border-box}html,body{background-color:var(--bg-deep);background-image:radial-gradient(ellipse at 50% 0%, #1e293b 0%, var(--bg-deep) 75%);width:100%;min-height:100vh;color:var(--text-main);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}#root{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex;border:none!important;outline:none!important}.page-header{color:#fff;text-shadow:0 2px 10px #00000080;letter-spacing:-.01em;text-align:center;margin:0 0 1.75rem;font-size:1.75rem;font-weight:700}.app-container{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:16px;width:100%;max-width:440px;padding:2.5rem 2rem;box-shadow:0 25px 50px -12px #000000a6}.title{color:#fff;text-align:center;margin:0 0 .4rem;font-size:1.6rem;font-weight:700}.subtitle{text-align:center;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:2rem;font-size:.85rem;font-weight:600}.form-group{text-align:left;flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.form-group label{color:var(--text-muted);font-size:.9rem;font-weight:500}.input-field{border:1px solid var(--border-strong);color:#fff;background:#0b0f19b3;border-radius:8px;width:100%;padding:.8rem 1rem;font-size:1rem;transition:border-color .15s,box-shadow .15s}.input-field::placeholder{color:var(--text-placeholder);opacity:1}.input-field:focus-visible{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #38bdf859}.btn-primary{background-color:var(--accent);color:#0b0f19;cursor:pointer;border:1px solid #0000;border-radius:8px;width:100%;margin-top:.75rem;padding:.85rem 1rem;font-size:1rem;font-weight:700;transition:background-color .15s,transform .1s}.btn-primary:hover{background-color:var(--accent-hover)}.btn-primary:focus-visible{border-color:#fff;outline:none;box-shadow:0 0 0 3px #7dd3fc99}.btn-primary:active{transform:scale(.99)}.btn-secondary{color:var(--text-main);border:1px solid var(--border-strong);cursor:pointer;background:0 0;border-radius:6px;padding:.6rem 1rem;font-size:.9rem;font-weight:500;transition:background-color .15s,border-color .15s}.btn-secondary:hover{background-color:#ffffff14;border-color:#fff}.btn-secondary:focus-visible{outline:none;box-shadow:0 0 0 3px #fff6}.status-message{text-align:center;border-radius:6px;min-height:1.5rem;margin-top:1.25rem;padding:.5rem;font-size:.9rem;font-weight:500}.status-message.error{color:#fecaca;background-color:#ef444426;border:1px solid #ef44444d}.status-message.success{color:#bbf7d0;background-color:#22c55e26;border:1px solid #22c55e4d}.card-item{border:1px solid var(--border-subtle);color:#fff;background:#0b0f1980;border-radius:8px;margin-top:.5rem;padding:.85rem 1rem;font-size:.95rem}