*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;background-color:#000;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 0%,#1a1a2e,#000 70%);padding:2rem}.logo-container{margin-bottom:3rem;text-align:center;-webkit-user-select:none;user-select:none}.logo-text{font-size:3.4rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;background:linear-gradient(135deg,#fff,#888);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-sub{display:block;font-size:.85rem;letter-spacing:.45em;text-transform:uppercase;color:#555;margin-top:.35rem}.login-card{width:100%;max-width:380px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:2.5rem 2rem 2rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 32px #0006}.login-card h2{font-size:1.25rem;font-weight:600;margin-bottom:1.75rem;text-align:center;color:#ddd}.input-group{margin-bottom:1.25rem}.input-group label{display:block;font-size:.78rem;letter-spacing:.06em;color:#888;margin-bottom:.45rem;text-transform:uppercase}.input-group input{width:100%;padding:.75rem 1rem;font-size:.95rem;color:#fff;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:10px;outline:none;transition:border-color .25s,box-shadow .25s}.input-group input::placeholder{color:#555}.input-group input:focus{border-color:#ffffff59;box-shadow:0 0 0 3px #ffffff0f}.login-btn{width:100%;padding:.8rem;margin-top:.75rem;font-size:.95rem;font-weight:600;color:#000;background:#fff;border:none;border-radius:10px;cursor:pointer;transition:opacity .2s}.login-btn:hover{opacity:.85}.footer{margin-top:2.5rem;font-size:.75rem;color:#444;letter-spacing:.04em}