*{box-sizing:border-box;margin:0;padding:0}body{color:#f3f4f6;background-color:#0b0f19;background-image:radial-gradient(circle at 82% 8%,#8b5cf629,#0000 34rem),radial-gradient(circle at 8% 72%,#06b6d421,#0000 38rem),radial-gradient(circle at 88% 58%,#ec489914,#0000 30rem),none;background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,sans-serif;display:flex}.auth-container{-webkit-backdrop-filter:blur(18px)saturate(120%);background:#111827c7;border:1px solid #ffffff14;border-radius:16px;width:100%;max-width:400px;padding:40px;box-shadow:0 24px 70px #0000006b}.auth-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:30px;display:flex}.auth-header h1{color:#fff;margin-bottom:8px;font-size:28px;font-weight:600}.auth-header p{color:#9ca3af;font-size:14px}.form-group{margin-bottom:20px}.form-group label{color:#d1d5db;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-group input{color:#f9fafb;background:#0b0f19bd;border:1px solid #ffffff1f;border-radius:8px;width:100%;padding:12px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-group input:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 3px #8b5cf629}.form-group input.error{border-color:#ea4335}.error-message{color:#ea4335;margin-top:4px;font-size:12px}.remember-me{align-items:center;gap:8px;margin-bottom:20px;display:flex}.remember-me input[type=checkbox]{width:auto}.remember-me label{cursor:pointer;color:#d1d5db;margin:0;font-weight:400}.btn{cursor:pointer;border:none;border-radius:8px;width:100%;padding:12px;font-size:14px;font-weight:500;transition:background .2s}.btn-primary{color:#fff;background:linear-gradient(135deg,#8b2cff 0%,#5f63ff 100%);box-shadow:0 14px 34px #5b21b647}.btn-primary:hover{background:linear-gradient(135deg,#9333ea 0%,#6366f1 100%)}.auth-footer{text-align:center;color:#9ca3af;margin-top:20px;font-size:14px}.auth-footer a{color:var(--primary-color,#4285f4);text-decoration:none}.auth-footer a:hover{text-decoration:underline}.password-wrapper{position:relative}.password-wrapper input{padding-right:42px}.password-toggle{cursor:pointer;color:#999;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;line-height:0;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.password-toggle:hover{color:#555}.auth-header a{display:contents}.auth-logo{width:80px;height:80px;margin:0 auto 20px;display:block}@media (width<=480px){body{align-items:flex-start;padding:24px 16px}.auth-container{padding:28px 20px}.auth-logo{width:56px;height:56px;margin-bottom:12px}.auth-header h1{font-size:22px}.auth-header{margin-bottom:20px}}