.auth-wrapper{--bg:#080D1A;--bg2:#0D1526;--bg3:#111E36;--card:#0F1B30;--card2:#0A1525;--blue:#2563EB;--blue-light:#3B82F6;--blue-glow:rgba(37,99,235,0.15);--cyan:#38BDF8;--text:#F0F6FF;--text2:#8BA3C7;--text3:#4A6080;--border:rgba(255,255,255,0.07);--border2:rgba(59,130,246,0.3);min-height:100vh;background:var(--bg);color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden;font-family:var(--font-plus-jakarta),sans-serif}.auth-wrapper:before{top:-10%;left:-10%;background:radial-gradient(circle,rgba(37,99,235,.08) 0,transparent 70%)}.auth-wrapper:after,.auth-wrapper:before{content:"";position:absolute;width:40%;height:40%;pointer-events:none;filter:blur(60px)}.auth-wrapper:after{bottom:-10%;right:-10%;background:radial-gradient(circle,rgba(56,189,248,.05) 0,transparent 70%)}.auth-header{text-align:center;margin-bottom:2.5rem;position:relative;z-index:10}.auth-logo{gap:12px;text-decoration:none;margin-bottom:1rem}.auth-logo,.auth-logo-mark{display:flex;align-items:center;justify-content:center}.auth-logo-mark{width:40px;height:40px;background:var(--blue);border-radius:12px;font-size:18px;color:white;box-shadow:0 0 20px var(--blue-glow)}.auth-logo-mark,.auth-logo-text{font-family:var(--font-bricolage),sans-serif;font-weight:800}.auth-logo-text{font-size:1.75rem;color:var(--text);letter-spacing:-.02em}.auth-subtitle{color:var(--text3);font-size:.95rem;font-weight:500}.auth-card{width:100%;max-width:440px;background:rgba(15,27,48,.5);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:24px;padding:2.5rem;position:relative;z-index:10;box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}.auth-title{font-family:var(--font-bricolage),sans-serif;font-size:1.5rem;font-weight:700;color:var(--text);margin-bottom:.5rem}.auth-card-sub{color:var(--text2);font-size:.9rem;margin-bottom:2rem}.auth-form{gap:1.25rem}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-label{font-size:.85rem;font-weight:600;color:var(--text2);margin-left:.25rem}.form-input{background:rgba(8,13,26,.6);border:1px solid var(--border);border-radius:12px;padding:.8rem 1rem;color:var(--text);font-size:.95rem;transition:all .2s}.form-input:focus{outline:none;border-color:var(--blue-light);background:rgba(8,13,26,.8);box-shadow:0 0 0 4px rgba(37,99,235,.1)}.auth-button{background:var(--blue);color:white;border:none;border-radius:12px;padding:1rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;margin-top:.5rem;display:flex;align-items:center;justify-content:center;gap:10px}.auth-button:hover{background:var(--blue-light);transform:translateY(-1px);box-shadow:0 10px 20px -5px rgba(37,99,235,.3)}.auth-button:active{transform:translateY(0)}.auth-footer{margin-top:2rem;text-align:center;font-size:.9rem;color:var(--text3)}.auth-link{color:var(--blue-light);text-decoration:none;font-weight:600;transition:color .2s}.auth-link:hover{color:var(--cyan);text-decoration:underline}.error-message{margin-top:1.5rem;padding:.75rem 1rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:10px;color:var(--red);font-size:.85rem;text-align:center;animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}@media (max-width:480px){.auth-card{padding:1.5rem}}