body.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding-top:6rem;box-sizing:border-box}.auth-container{background:rgba(255,255,255,.02);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);padding:3rem;border-radius:1.5rem;box-shadow:0 8px 32px #0000004d;width:100%;max-width:400px;text-align:center;position:relative}body.light-mode .auth-container{background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(220,220,220,.4);box-shadow:0 8px 32px #0000001a}.logo{width:48px;height:48px;margin:0 auto 1.5rem}.auth-title{font-size:2rem;font-weight:600;margin-bottom:.5rem;background:linear-gradient(135deg,#0000ff,#8f4eff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.auth-subtitle{color:#999;margin-bottom:2rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.input-group{position:relative}.form-input{width:100%;padding:1rem;border:1px solid rgba(255,255,255,.2);border-radius:.75rem;background:rgba(255,255,255,.05);color:#f9f9fb;font-size:1rem;transition:border-color .3s,background .3s;box-sizing:border-box}.form-input:focus{outline:none;border-color:#8f4eff;background:rgba(143,78,255,.1)}.form-input::placeholder{color:#999}body.light-mode .form-input{background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.1);color:#1c1c1e}body.light-mode .form-input:focus{background:rgba(143,78,255,.1);border-color:#8f4eff}body.light-mode .form-input::placeholder{color:#666}.submit-button{background:linear-gradient(135deg,#0000ff,#8f4eff);color:#fff;padding:1rem;border:none;border-radius:.75rem;font-weight:600;font-size:1rem;cursor:pointer;transition:filter .3s;margin-top:.5rem}.submit-button:hover{filter:brightness(1.1)}.submit-button:active{transform:scale(.98)}.divider{display:flex;align-items:center;margin:2rem 0;color:#666}.divider:before,.divider:after{content:"";flex:1;height:1px;background:rgba(255,255,255,.2)}.divider span{padding:0 1rem;font-size:.9rem}body.light-mode .divider:before,body.light-mode .divider:after{background:rgba(0,0,0,.2)}.oauth-buttons{display:flex;flex-direction:column;gap:.75rem}.oauth-button{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:.75rem;background:rgba(255,255,255,.05);color:#f9f9fb;text-decoration:none;font-weight:500;transition:border-color .3s,background .3s}.oauth-button:hover{border-color:#fff6;background:rgba(255,255,255,.1)}body.light-mode .oauth-button{background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.1);color:#1c1c1e}body.light-mode .oauth-button:hover{background:rgba(0,0,0,.1);border-color:#0003}.auth-switch{margin-top:2rem;color:#999}.auth-switch a{color:#8f4eff;text-decoration:none;font-weight:500}.auth-switch a:hover{text-decoration:underline}.back-home{position:absolute;top:-1rem;right:-1rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#999;text-decoration:none;transition:background .3s,color .3s}.back-home:hover{background:rgba(255,255,255,.2);color:#f9f9fb}body.light-mode .back-home{background:rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.2);color:#666}body.light-mode .back-home:hover{background:rgba(0,0,0,.2);color:#1c1c1e}@media (max-width: 480px){body.auth-page{padding-top:5rem}.auth-container{padding:2rem 1.5rem;margin:1rem}}