.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:3rem 1rem;background:linear-gradient(to bottom,#7c3aed08,#8b5cf60d,#a855f708),radial-gradient(circle at 20% 20%,rgba(139,92,246,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(124,58,237,.06) 0%,transparent 50%),#0a0a0b;background-attachment:fixed;position:relative;overflow:hidden}.auth-page:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%239C92AC' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none;opacity:.5}.auth-page:after{content:"";position:absolute;top:-10%;left:-10%;width:50%;height:50%;background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 70%);border-radius:50%;filter:blur(80px);pointer-events:none;animation:float-orb 20s ease-in-out infinite}@keyframes float-orb{0%,to{transform:translate(0) scale(1)}50%{transform:translate(10%,15%) scale(1.1)}}.auth-container{width:100%;max-width:24rem;position:relative;z-index:10}.auth-header{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;margin-bottom:2rem;animation:fade-in-down .6s ease-out}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.auth-logo{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:.875rem;box-shadow:0 0 0 1px #8b5cf64d,0 4px 20px #8b5cf64d,0 0 40px #8b5cf626;position:relative;overflow:hidden}.auth-logo:before{content:"";position:absolute;inset:-50%;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);animation:logo-shine 3s ease-in-out infinite}@keyframes logo-shine{0%,to{transform:translate(-50%,-50%) rotate(0)}50%{transform:translate(-30%,-30%) rotate(180deg)}}.auth-logo svg{color:#fff;width:1.75rem;height:1.75rem;position:relative;z-index:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.auth-title{font-size:1.25rem;font-weight:600;color:#fff;letter-spacing:-.025em;margin-top:.5rem}.auth-subtitle{font-size:.875rem;color:#9ca3af;font-weight:400}.auth-card{background:#ffffff05;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06);border-radius:1rem;padding:1.75rem;box-shadow:0 1px 3px #0006,0 8px 30px #0000004d,inset 0 1px #ffffff0d;animation:fade-in-up .6s ease-out .1s both}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.auth-label{display:flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:500;color:#d1d5db;margin-bottom:.5rem}.auth-label-icon{color:#6b7280;width:14px;height:14px}.auth-input-wrapper{position:relative}.auth-input-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#6b7280;width:16px;height:16px;pointer-events:none;transition:color .2s ease}.auth-input{width:100%;height:2.75rem;background-color:#0307127f;color:#fff;font-size:.875rem;border-radius:.5rem;padding-left:2.625rem;padding-right:.75rem;border:1px solid rgba(255,255,255,.08);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;outline:none}.auth-input::placeholder{color:#9ca3af99}.auth-input:hover{border-color:#ffffff1f;background-color:#030712b3}.auth-input:focus{border-color:#8b5cf680;box-shadow:0 0 0 3px #8b5cf61a,0 0 0 1px #8b5cf64d;background-color:#030712cc}.auth-input:focus~.auth-input-icon{color:#8b5cf6}.auth-select{width:100%;height:2.75rem;background-color:#0307127f;color:#fff;font-size:.875rem;border-radius:.5rem;padding-left:2.625rem;padding-right:2.5rem;border:1px solid rgba(255,255,255,.08);appearance:none;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;outline:none}.auth-select:hover{border-color:#ffffff1f;background-color:#030712b3}.auth-select:focus{border-color:#8b5cf680;box-shadow:0 0 0 3px #8b5cf61a,0 0 0 1px #8b5cf64d;background-color:#030712cc}.auth-select-arrow{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:#6b7280;pointer-events:none;width:16px;height:16px}.auth-input-hint{font-size:.75rem;color:#6b7280;margin-top:.375rem}.auth-checkbox-group{display:flex;align-items:center;gap:.625rem}.auth-checkbox{width:1rem;height:1rem;border-radius:.25rem;background-color:#0307127f;appearance:none;cursor:pointer;border:1px solid rgba(255,255,255,.12);transition:border-color .2s ease,background-color .2s ease;position:relative}.auth-checkbox:hover{border-color:#8b5cf666;background-color:#030712b3}.auth-checkbox:checked{background-color:#8b5cf6;border-color:#8b5cf6;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3E%3C/svg%3E")}.auth-checkbox:focus{outline:none;box-shadow:0 0 0 3px #8b5cf61a,0 0 0 1px #8b5cf64d}.auth-checkbox-label{font-size:.875rem;color:#d1d5db;cursor:pointer;user-select:none}.auth-submit-btn{width:100%;height:2.75rem;font-size:.875rem;font-weight:500;color:#fff;border-radius:.5rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;cursor:pointer;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 1px 2px #0000004d,0 0 0 1px #8b5cf680 inset,0 0 20px #8b5cf633}.auth-submit-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 50%,rgba(0,0,0,.1) 100%);opacity:0;transition:opacity .2s ease}.auth-submit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf659,0 0 0 1px #8b5cf699 inset,0 0 30px #8b5cf64d}.auth-submit-btn:hover:before{opacity:1}.auth-submit-btn:active{transform:translateY(0);box-shadow:0 1px 3px #0000004d,0 0 0 1px #8b5cf680 inset,0 0 15px #8b5cf633}.auth-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.auth-divider{position:relative;margin:1.75rem 0}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(to right,transparent 0%,rgba(255,255,255,.1) 20%,rgba(255,255,255,.1) 80%,transparent 100%)}.auth-divider-text{position:relative;font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;background:#0a0a0b;padding:0 1rem}.auth-oauth-buttons{display:flex;flex-direction:column;gap:.625rem}.auth-oauth-btn{width:100%;height:2.75rem;display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:.875rem;font-weight:500;color:#d1d5db;border-radius:.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .1s ease;box-shadow:0 1px 2px #0003}.auth-oauth-btn:hover{background:#ffffff0f;border-color:#ffffff1a;color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #0000004d}.auth-oauth-btn:active{transform:translateY(0)}.auth-oauth-btn svg{width:1.25rem;height:1.25rem}.auth-links{text-align:center;font-size:.875rem;color:#9ca3af;margin-top:1.5rem;animation:fade-in-up .6s ease-out .2s both}.auth-links a{font-weight:500;color:#a78bfa;transition:color .2s ease;text-decoration:none}.auth-links a:hover{color:#a78bfacc;text-decoration:underline;text-underline-offset:3px}.auth-forgot-link{font-size:.875rem;font-weight:500;color:#a78bfa;transition:color .2s ease;text-decoration:none}.auth-forgot-link:hover{color:#a78bfacc;text-decoration:underline;text-underline-offset:3px}.auth-footer{text-align:center;font-size:.75rem;color:#4b5563;margin-top:1.5rem;animation:fade-in-up .6s ease-out .25s both}.auth-footer a{color:#6b7280;transition:color .2s ease;text-decoration:none}.auth-footer a:hover{color:#9ca3af;text-decoration:underline;text-underline-offset:2px}.auth-alert{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:.5rem;background:#ef444414;border:1px solid rgba(239,68,68,.2);backdrop-filter:blur(10px);animation:shake .4s ease-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.auth-alert-icon{flex-shrink:0;color:#f87171;width:16px;height:16px;margin-top:.125rem}.auth-alert-content{flex:1}.auth-alert-message{font-size:.875rem;font-weight:500;color:#fca5a5}.auth-alert-success{background:#22c55e14;border-color:#22c55e33}.auth-alert-success .auth-alert-icon{color:#4ade80}.auth-alert-success .auth-alert-message{color:#86efac}.auth-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}@media (max-width: 640px){.auth-page{padding:2rem 1rem}.auth-card{padding:1.25rem}.auth-grid-2{grid-template-columns:repeat(1,minmax(0,1fr));gap:1.25rem}}@media (prefers-reduced-motion: reduce){.auth-page,.auth-logo:before,.auth-page:after,.auth-header,.auth-card,.auth-links,.auth-footer,.auth-submit-btn,.auth-oauth-btn{animation:none}}