:root { --orange:#ef5b2a; --black:#101010; --white:#fff; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; color:var(--white); background:#101010; font-family:Poppins,Segoe UI,Arial,sans-serif; }
.auth-shell { position:relative; isolation:isolate; min-height:100vh; padding:32px 20px; display:flex; flex-direction:column; align-items:center; justify-content:center; overflow:hidden; background:radial-gradient(circle at 50% 115%,#ef5b2a14,transparent 42%),linear-gradient(145deg,#0d0d0d,#171717 55%,#0f0f0f); }
.auth-shell::before { content:""; position:absolute; inset:0; z-index:-2; opacity:.18; background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px); background-size:48px 48px; mask-image:linear-gradient(to bottom,transparent,#000 35%,#000 70%,transparent); }
.ambient { position:absolute; z-index:-1; border-radius:50%; filter:blur(80px); opacity:.2; }.ambient-one { width:380px; height:380px; top:-190px; right:12%; background:var(--orange); }.ambient-two { width:280px; height:280px; left:14%; bottom:-180px; background:#7b321a; }
.glass-card { width:min(100%,390px); padding:34px 34px 26px; display:flex; flex-direction:column; align-items:center; border:1px solid #ffffff16; border-radius:28px; background:linear-gradient(145deg,#ffffff12,#ffffff07 48%,#0c0c0c88); box-shadow:0 32px 90px #00000080,inset 0 1px #ffffff14; backdrop-filter:blur(18px); }
.logo-orbit { width:54px; height:54px; margin-bottom:13px; display:grid; place-items:center; border:1px solid #ffffff22; border-radius:50%; background:#ffffff0d; box-shadow:0 8px 25px #0008,0 0 30px #ef5b2a18; }.logo-orbit span { color:var(--orange); font-size:30px; font-weight:800; }
.brand-word { color:var(--orange); font-size:28px; font-weight:800; letter-spacing:.09em; line-height:1; }.eyebrow { margin-top:25px; color:#ef8a68; font-size:9px; font-weight:800; letter-spacing:.2em; }
h1 { margin:9px 0 7px; font-size:25px; letter-spacing:-.02em; }p { margin:0 0 24px; color:#a9a9a9; text-align:center; font-size:12px; line-height:1.5; }
form { width:100%; display:flex; flex-direction:column; gap:12px; }label span { display:block; height:0; overflow:hidden; }input { width:100%; padding:14px 16px; border:1px solid #ffffff12; border-radius:13px; outline:0; color:#fff; background:#ffffff0c; font:inherit; font-size:13px; transition:.18s; }input::placeholder { color:#858585; }input:focus { border-color:#ef5b2a99; background:#ffffff12; box-shadow:0 0 0 3px #ef5b2a12; }
.error { min-height:16px; color:#ff9073; font-size:11px; }button { width:100%; padding:14px; border:1px solid #ffffff14; border-radius:24px; color:#fff; background:linear-gradient(180deg,#ef6b3f,#dd4818); box-shadow:0 8px 24px #ef5b2a2b; font-weight:800; cursor:pointer; transition:.18s; }button:hover { filter:brightness(1.08); transform:translateY(-1px); }button:disabled { opacity:.55; transform:none; cursor:wait; }
.glass-card footer { margin-top:25px; color:#777; font-size:10px; }.glass-card footer i { display:inline-block; width:6px; height:6px; margin-right:6px; border-radius:50%; background:#25d366; box-shadow:0 0 0 3px #25d36616; }.page-footer { margin:22px 0 0; color:#575757; font-size:10px; letter-spacing:.04em; }
@media(max-width:480px){.auth-shell{padding:20px 14px}.glass-card{padding:30px 23px 24px;border-radius:24px}h1{font-size:23px}}