*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f2f8f9;background:#031019}
body{position:relative;min-height:100dvh;overflow-x:hidden}
.auth-scene{position:fixed;inset:0;z-index:0;background:url('/public/control-room-clean-010.png?v=010') center/cover no-repeat}
.auth-scene:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(0,7,11,.05),rgba(0,7,11,.28) 100%)}
.auth-page{position:relative;z-index:1;min-height:100dvh;display:grid;place-items:center;padding:clamp(16px,4vw,48px)}
.auth-card{width:min(100%,420px);padding:clamp(25px,4vw,38px);border:1px solid rgba(44,218,205,.40);border-radius:22px;background:rgba(3,24,31,.90);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 30px 100px rgba(0,0,0,.52)}
.brand{font-size:clamp(30px,5vw,40px);font-weight:900;letter-spacing:-1px}.brand span{color:#25d8ca}.sub{margin:7px 0 27px;color:#a2b7bc;font-size:13px}
label{display:block;margin:15px 0 7px;font-size:14px;color:#d7e3e5}
input{width:100%;height:51px;padding:0 14px;border:1px solid #2a5963;border-radius:11px;background:#f4f7fb;color:#08161c;font-size:16px;outline:none}
input:focus{border-color:#2bd9cc;box-shadow:0 0 0 3px rgba(43,217,204,.13)}
.primary,.secondary{display:flex;width:100%;min-height:52px;align-items:center;justify-content:center;border-radius:11px;font-size:15px;font-weight:850;text-decoration:none;cursor:pointer}
.primary{margin-top:22px;border:0;background:linear-gradient(90deg,#1fcabd,#31ddd1);color:#03191b}
.secondary{margin-top:12px;border:1px solid #2a5660;background:rgba(2,17,22,.78);color:#f1f8f9}
.error{padding:11px 13px;margin-bottom:15px;border:1px solid #a65761;border-radius:10px;background:rgba(75,19,27,.86)}
.foot{text-align:center;color:#8ea5aa;font-size:11px;margin-top:20px}
.confirm{text-align:center}.confirm .icon{font-size:46px;color:#29d9cb;margin-top:5px}.confirm h1{font-size:clamp(21px,4vw,27px);margin:17px 0 8px}.confirm p{color:#9fb4b9;margin:0 0 23px}
@media(max-width:650px){.auth-scene{background-position:60% center}.auth-page{align-items:end;padding:14px}.auth-card{padding:23px 18px;border-radius:18px;margin-bottom:max(8px,env(safe-area-inset-bottom))}}