/* AUTH PAGES — CSS3
   Styles the Login and Sign Up screens. */
.auth-page{min-height:100vh;background:#07133d;display:grid;place-items:center;padding:30px;position:relative;overflow:hidden}
.auth-page:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;right:-200px;top:-220px;background:radial-gradient(circle,rgba(70,91,255,.5),transparent 68%)}
.auth-page:after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;left:-250px;bottom:-250px;background:radial-gradient(circle,rgba(34,185,255,.18),transparent 68%)}
.auth-shell{position:relative;z-index:1;width:min(100%,460px)}
.auth-brand{justify-content:center;color:#fff;margin-bottom:28px}
.auth-brand img{width:52px;height:52px}
.auth-card{background:#fff;border:1px solid rgba(255,255,255,.15);border-radius:22px;padding:38px;box-shadow:0 30px 80px rgba(0,0,0,.25)}
.auth-card h1{font-family:"Space Grotesk",sans-serif;font-size:34px;line-height:1.05;margin:0 0 8px;color:#0b1630}
.auth-card>p{margin:0 0 28px;color:#69748a;font-size:14px}
.auth-form{display:grid;gap:15px}
.auth-form label{font-size:12px;font-weight:800;color:#4b5670}
.auth-form input{display:block;width:100%;margin-top:7px;border:1px solid #d9e0eb;border-radius:9px;padding:13px 14px;font:inherit;outline:none}
.auth-form input:focus{border-color:#5b6cff;box-shadow:0 0 0 3px rgba(91,108,255,.1)}
.auth-form .btn{width:100%;margin-top:4px}
.auth-switch{text-align:center;margin-top:22px;font-size:13px;color:#68738a}
.auth-switch a{color:#263de7;font-weight:800;text-decoration:none}
.auth-message{font-size:12px;min-height:18px;color:#d13b3b}
.auth-demo{margin-top:20px;padding:12px;border-radius:10px;background:#f3f6fb;color:#65708a;font-size:11px;line-height:1.5}