:root{--orange:#ff9b2f;--orange2:#ffc06a;--ink:#050607;--text:#f7f8fa;--muted:#a7adb5;--line:rgba(255,255,255,.14);--glass:rgba(9,10,12,.35)}
*{box-sizing:border-box}
html{min-height:100%;background:#020304}
body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#020304;overflow-x:hidden}
button,input{font:inherit}
a{color:inherit;text-decoration:none}
.auth-page:before{content:"";position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 78% 12%,rgba(255,132,24,.18),transparent 26%),radial-gradient(circle at 8% 92%,rgba(255,95,0,.08),transparent 30%),linear-gradient(150deg,#030405 0%,#07090b 54%,#120a03 100%)}
.auth-page:after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(115deg,transparent 0 44%,rgba(255,255,255,.025) 50%,transparent 56%)}
.auth-atmosphere{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.auth-atmosphere i{position:absolute;width:1px;height:42vh;top:-8vh;background:linear-gradient(180deg,transparent,rgba(255,180,80,.54),transparent);filter:drop-shadow(0 0 9px rgba(255,127,0,.48));transform:rotate(22deg);opacity:.45;animation:bolt 7s ease-in-out infinite}
.auth-atmosphere i:nth-child(1){left:11%;animation-delay:-1s}.auth-atmosphere i:nth-child(2){left:76%;height:55vh;animation-delay:-4s}.auth-atmosphere i:nth-child(3){left:91%;height:30vh;animation-delay:-2.5s}
@keyframes bolt{0%,88%,100%{opacity:.08}90%{opacity:.68}92%{opacity:.16}94%{opacity:.48}96%{opacity:.1}}
.auth-header{width:min(1440px,100%);margin:auto;padding:22px clamp(18px,4vw,48px);display:flex;align-items:center;justify-content:space-between;gap:20px}
.auth-logo img{display:block;width:148px;height:auto;filter:drop-shadow(0 8px 20px rgba(0,0,0,.4))}
.auth-back{padding:11px 16px;border:1px solid rgba(255,171,70,.23);border-radius:14px;background:rgba(14,14,16,.28);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#f3e7da;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.auth-shell{width:min(1400px,calc(100% - 34px));min-height:min(760px,calc(100vh - 120px));margin:0 auto 28px;display:grid;grid-template-columns:minmax(0,1.16fr) minmax(390px,.84fr);border:1px solid rgba(255,255,255,.12);border-radius:32px;overflow:hidden;background:rgba(7,8,10,.28);backdrop-filter:blur(36px) saturate(145%);-webkit-backdrop-filter:blur(36px) saturate(145%);box-shadow:0 35px 90px rgba(0,0,0,.48),0 0 0 1px rgba(255,133,22,.05),inset 0 1px 0 rgba(255,255,255,.08)}
.zeus-stage{position:relative;min-height:690px;overflow:hidden;background:#07080a}
.zeus-stage__image{position:absolute;inset:-2%;background:url('/assets/zeus-board-loading.jpg') center 34%/cover no-repeat;transform:scale(1.03);filter:saturate(.9) contrast(1.08) brightness(.76)}
.zeus-stage__veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,4,5,.04) 20%,rgba(3,4,5,.52) 66%,rgba(3,4,5,.92) 100%),linear-gradient(90deg,rgba(0,0,0,.1),transparent 55%,rgba(0,0,0,.44));box-shadow:inset -1px 0 0 rgba(255,174,76,.12)}
.zeus-stage__copy{position:absolute;left:clamp(28px,5vw,68px);right:clamp(28px,5vw,68px);bottom:clamp(32px,5vw,64px);z-index:2;text-shadow:0 10px 30px rgba(0,0,0,.7)}
.zeus-kicker,.auth-eyebrow{display:block;color:var(--orange2);font-size:12px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}
.zeus-stage h1{margin:10px 0 12px;font-size:clamp(48px,6vw,82px);line-height:.95;letter-spacing:-.055em}.zeus-stage h1 em{font-style:normal;color:var(--orange2)}
.zeus-stage p{max-width:640px;margin:0;color:#d0d4d8;font-size:clamp(16px,1.6vw,20px);font-weight:700;line-height:1.6}
.zeus-rule{display:flex;align-items:center;gap:14px;margin-top:26px;color:#f8d8ae;font-size:11px;letter-spacing:.18em}.zeus-rule i{height:1px;flex:0 1 80px;background:linear-gradient(90deg,transparent,rgba(255,174,76,.8))}.zeus-rule i:last-child{background:linear-gradient(90deg,rgba(255,174,76,.8),transparent)}
.auth-card{position:relative;display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,5vw,72px);background:linear-gradient(145deg,rgba(18,18,21,.38),rgba(5,6,8,.24));backdrop-filter:blur(42px) saturate(150%);-webkit-backdrop-filter:blur(42px) saturate(150%);overflow:hidden}
.auth-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 90% 0,rgba(255,141,31,.13),transparent 31%),linear-gradient(180deg,rgba(255,255,255,.045),transparent 18%)}
.auth-card__glint{position:absolute;left:12%;right:12%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,198,116,.8),transparent)}
.auth-card>*{position:relative;z-index:1}
.auth-icon{display:grid;place-items:center;width:56px;height:56px;margin-bottom:19px;border-radius:18px;border:1px solid rgba(255,171,68,.34);background:linear-gradient(145deg,rgba(255,157,46,.18),rgba(255,100,0,.05));color:var(--orange2);font-size:34px;font-weight:900;box-shadow:0 0 30px rgba(255,118,0,.12),inset 0 1px 0 rgba(255,255,255,.12)}
.auth-card h2{margin:8px 0 5px;font-size:clamp(34px,4vw,48px);letter-spacing:-.045em;line-height:1}.auth-subtitle{margin:0 0 26px;color:var(--muted);font-weight:650;line-height:1.5}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;margin-bottom:24px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(2,3,4,.28);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.auth-tabs button{min-height:46px;border:0;border-radius:12px;background:transparent;color:#9da4ad;font-weight:900;cursor:pointer}.auth-tabs button.active{color:#fff2df;background:linear-gradient(180deg,rgba(255,153,42,.19),rgba(255,97,0,.07));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 22px rgba(0,0,0,.2);outline:1px solid rgba(255,165,58,.25)}
.auth-form{display:grid;gap:17px}.auth-form label{display:grid;gap:8px;color:#d7dbe0;font-size:12px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.auth-input{display:flex;align-items:center;gap:10px;min-height:56px;padding:0 15px;border:1px solid rgba(255,255,255,.11);border-radius:15px;background:rgba(4,5,7,.35);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.auth-input:focus-within{border-color:rgba(255,166,63,.52);box-shadow:0 0 0 3px rgba(255,125,0,.09),inset 0 1px 0 rgba(255,255,255,.06)}.auth-input i{color:var(--orange2);font-style:normal;font-weight:950}.auth-input input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#fff;font-size:16px;font-weight:750}.auth-input input::placeholder{color:#727983}
.auth-submit{display:flex;align-items:center;justify-content:center;gap:12px;min-height:58px;margin-top:3px;padding:0 18px;border:1px solid rgba(255,170,67,.38);border-radius:16px;background:linear-gradient(180deg,rgba(255,152,37,.26),rgba(216,79,0,.13));color:#fff4e7;font-weight:950;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 14px 30px rgba(0,0,0,.28),0 0 28px rgba(255,111,0,.09);transition:.18s ease}.auth-submit:hover{transform:translateY(-1px);border-color:rgba(255,190,96,.62);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 17px 36px rgba(0,0,0,.32),0 0 34px rgba(255,111,0,.13)}.auth-submit:disabled{opacity:.55;cursor:wait;transform:none}.auth-submit b{color:var(--orange2);font-size:22px}
.auth-helper,.auth-switch{margin:0;text-align:center;color:#858d97;font-size:12px;line-height:1.5}.auth-switch button{border:0;background:none;padding:0;color:var(--orange2);font-weight:900;cursor:pointer}.auth-message{margin-bottom:18px;padding:13px 15px;border:1px solid rgba(255,171,74,.22);border-radius:13px;background:rgba(255,139,26,.07);color:#f1d4af;font-weight:750;line-height:1.45}.auth-message.error{border-color:rgba(255,99,99,.28);background:rgba(255,70,70,.08);color:#ffc0c0}.auth-message.success{border-color:rgba(75,211,143,.25);background:rgba(75,211,143,.07);color:#b5f0d0}
.auth-security{display:flex;align-items:flex-start;gap:10px;margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);color:#7e858e;font-size:11px}.auth-security span{color:#b8864c}.auth-security p{margin:0;line-height:1.45}.auth-security b{color:#aeb5bd}
.signed-in{text-align:center}.signed-avatar{display:grid;place-items:center;width:76px;height:76px;margin:4px auto 15px;border-radius:24px;border:1px solid rgba(255,171,68,.36);background:linear-gradient(145deg,rgba(255,155,44,.22),rgba(255,94,0,.07));color:#ffd297;font-size:30px;font-weight:950;box-shadow:0 0 32px rgba(255,110,0,.1)}.signed-in>span{color:var(--orange2);font-size:11px;font-weight:950;letter-spacing:.15em}.signed-in h3{margin:7px 0 4px;font-size:32px}.signed-in p{margin:0 0 22px;color:#949ba4}.signed-continue{margin-bottom:10px}.auth-logout{border:0;background:none;color:#979ea7;font-weight:850;cursor:pointer;padding:10px 16px}
@media(max-width:900px){.auth-shell{grid-template-columns:1fr;width:min(720px,calc(100% - 24px));min-height:0}.zeus-stage{min-height:340px}.zeus-stage__image{background-position:center 29%}.zeus-stage__copy{bottom:28px}.zeus-stage h1{font-size:48px}.zeus-stage p{font-size:15px;max-width:520px}.auth-card{padding:34px clamp(22px,7vw,54px)}}
@media(max-width:560px){.auth-header{padding:15px 16px}.auth-logo img{width:126px}.auth-back{padding:9px 11px;font-size:12px}.auth-shell{width:calc(100% - 16px);border-radius:22px;margin-bottom:10px}.zeus-stage{min-height:285px}.zeus-stage__copy{left:22px;right:22px;bottom:22px}.zeus-kicker{font-size:10px}.zeus-stage h1{font-size:41px}.zeus-stage p{font-size:13px}.zeus-rule{margin-top:16px}.auth-card{padding:28px 20px 25px;backdrop-filter:blur(28px) saturate(140%);-webkit-backdrop-filter:blur(28px) saturate(140%)}.auth-icon{width:48px;height:48px;border-radius:15px;font-size:29px}.auth-card h2{font-size:35px}.auth-tabs button{font-size:13px}.auth-input{min-height:54px}.auth-submit{min-height:55px}}
@media(prefers-reduced-motion:reduce){.auth-atmosphere i{animation:none}.auth-submit{transition:none}}
@media(prefers-reduced-transparency:reduce){.auth-shell,.auth-card,.auth-input,.auth-tabs,.auth-back{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0b0c0f}}