.auth-shell{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,#1a0a0d 0%,#0d2818 100%);z-index:1200;overflow:hidden;opacity:0;pointer-events:none;transition:opacity 280ms ease;}.auth-shell.is-open{opacity:1;pointer-events:auto;}.auth-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;}.auth-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55;will-change:transform;}.auth-orb-1{width:520px;height:520px;top:-160px;left:-120px;background:#dc2626;animation:authOrbFloat1 18s ease-in-out infinite;}.auth-orb-2{width:420px;height:420px;bottom:-140px;right:-100px;background:#16a34a;animation:authOrbFloat2 22s ease-in-out infinite;}.auth-orb-3{width:320px;height:320px;top:40%;left:50%;transform:translate(-50%,-50%);background:#f59e0b;opacity:.35;animation:authOrbFloat3 28s ease-in-out infinite;}@keyframes authOrbFloat1{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(40px,60px) scale(1.08);}}@keyframes authOrbFloat2{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(-50px,-40px) scale(1.1);}}@keyframes authOrbFloat3{0%,100%{transform:translate(-50%,-50%) scale(1);}50%{transform:translate(-45%,-55%) scale(1.15);}}.auth-card{position:relative;display:grid;grid-template-columns:1.05fr 1fr;width:100%;max-width:980px;min-height:580px;background:#fff;border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.06);overflow:hidden;transform:translateY(40px) scale(.96);opacity:0;animation:authCardIn 600ms cubic-bezier(.16,1,.3,1) 80ms forwards;}@keyframes authCardIn{to{transform:translateY(0) scale(1);opacity:1;}}.auth-close{position:absolute;top:16px;right:16px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.12);color:#fff;border:0;border-radius:50%;cursor:pointer;z-index:5;backdrop-filter:blur(8px);transition:background 160ms ease,transform 160ms ease;}.auth-close:hover{background:rgba(255,255,255,.22);transform:rotate(90deg);}.auth-close>i{font-size:14px;}.auth-hero{position:relative;padding:56px 48px;background:linear-gradient(160deg,#1a0a0d 0%,#133b24 100%);color:#e2e8f0;overflow:hidden;}.auth-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;mask-image:radial-gradient(circle at top right,black 0%,transparent 70%);}.auth-hero::after{content:"";position:absolute;width:280px;height:280px;bottom:-100px;right:-100px;background:radial-gradient(circle,#dc2626 0%,transparent 70%);opacity:.35;animation:authOrbFloat1 14s ease-in-out infinite;}.auth-hero-inner{position:relative;z-index:1;display:flex;flex-direction:column;height:100%;}.auth-brand{display:inline-flex;align-items:center;gap:12px;margin-bottom:auto;animation:authFadeUp 500ms cubic-bezier(.16,1,.3,1) 200ms both;}.auth-brand-mark{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#dc2626 0%,#16a34a 100%);border-radius:10px;color:#fff;font-size:18px;box-shadow:0 8px 20px rgba(220,38,38,.35);}.auth-brand-name{font-size:17px;font-weight:600;letter-spacing:.3px;color:#fff;}.auth-brand-logo{height:38px;width:auto;display:block;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.35));animation:authLogoPulse 4s ease-in-out infinite;}@keyframes authLogoPulse{0%,100%{transform:scale(1);}50%{transform:scale(1.025);}}.auth-hero-title{margin:40px 0 14px;font-size:38px;font-weight:700;line-height:1.1;color:#fff;letter-spacing:-.5px;animation:authFadeUp 600ms cubic-bezier(.16,1,.3,1) 280ms both;}.auth-hero-sub{margin:0 0 32px;font-size:15px;line-height:1.55;color:rgba(226,232,240,.78);max-width:380px;animation:authFadeUp 600ms cubic-bezier(.16,1,.3,1) 360ms both;}.auth-hero-bullets{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;}.auth-hero-bullets>li{display:inline-flex;align-items:center;gap:10px;font-size:14px;color:rgba(226,232,240,.88);opacity:0;transform:translateY(8px);animation:authFadeUp 500ms cubic-bezier(.16,1,.3,1) forwards;}.auth-hero-bullets>li:nth-child(1){animation-delay:480ms;}.auth-hero-bullets>li:nth-child(2){animation-delay:560ms;}.auth-hero-bullets>li:nth-child(3){animation-delay:640ms;}.auth-hero-bullets>li>i{color:#16a34a;font-size:16px;}@keyframes authFadeUp{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:translateY(0);}}.auth-form{padding:56px 48px;background:#fff;display:flex;align-items:center;}.auth-form-inner{width:100%;max-width:380px;margin:0 auto;}.auth-form-head{margin-bottom:32px;animation:authFadeUp 500ms cubic-bezier(.16,1,.3,1) 240ms both;}.auth-title{margin:0 0 8px;font-size:28px;font-weight:700;color:#0f172a;letter-spacing:-.4px;}.auth-subtitle{margin:0;font-size:14px;color:#475569;}.auth-field{margin-bottom:18px;animation:authFadeUp 500ms cubic-bezier(.16,1,.3,1) both;}.auth-field:nth-of-type(1){animation-delay:300ms;}.auth-field:nth-of-type(2){animation-delay:360ms;}.auth-field:nth-of-type(3){animation-delay:420ms;}.auth-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;}.auth-label{display:block;margin-bottom:8px;font-size:12px;font-weight:600;color:#475569;letter-spacing:.3px;text-transform:uppercase;}.auth-label-row .auth-label{margin-bottom:0;}.auth-forgot{color:#dc2626;font-size:12px;font-weight:500;text-decoration:none;transition:color 140ms ease;}.auth-forgot:hover{color:#b21d1d;text-decoration:underline;}.auth-input-wrap{position:relative;display:flex;align-items:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;transition:border-color 160ms ease,background-color 160ms ease,box-shadow 160ms ease,transform 160ms ease;}.auth-input-wrap:hover{border-color:#c7d3e2;}.auth-input-wrap:focus-within{border-color:#dc2626;background:#fff;box-shadow:0 0 0 4px rgba(220,38,38,.12);transform:translateY(-1px);}.auth-input-wrap:focus-within .auth-input-icon{color:#dc2626;}.auth-input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:15px;transition:color 160ms ease;pointer-events:none;}.auth-input{flex:1;height:46px;padding:0 16px 0 42px;background:transparent;border:0;outline:0;color:#0f172a;font-size:14.5px;font-weight:500;}.auth-input::placeholder{color:#94a3b8;font-weight:400;}.auth-remember{display:inline-flex;align-items:center;gap:10px;margin:4px 0 20px;cursor:pointer;user-select:none;animation:authFadeUp 500ms cubic-bezier(.16,1,.3,1) 480ms both;}.auth-remember>input[type="checkbox"]{position:absolute;opacity:0;width:0;height:0;pointer-events:none;}.auth-remember>input[type="checkbox"]:checked+.auth-remember-box{background:#dc2626;border-color:#dc2626;}.auth-remember>input[type="checkbox"]:checked+.auth-remember-box::after{transform:scale(1) rotate(45deg);opacity:1;}.auth-remember-box{position:relative;width:18px;height:18px;flex-shrink:0;background:#fff;border:1.5px solid #e2e8f0;border-radius:5px;transition:background 160ms ease,border-color 160ms ease;}.auth-remember-box::after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:scale(0) rotate(45deg);opacity:0;transition:transform 180ms cubic-bezier(.16,1,.3,1),opacity 120ms ease;}.auth-remember-text{font-size:13.5px;color:#475569;font-weight:500;}.auth-submit{position:relative;width:100%;height:50px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 24px;background:linear-gradient(135deg,#dc2626 0%,#e04040 100%);border:0;border-radius:12px;color:#fff;font-size:15px;font-weight:600;letter-spacing:.2px;cursor:pointer;overflow:hidden;box-shadow:0 10px 25px -8px rgba(220,38,38,.55),0 0 0 0 rgba(220,38,38,.5);transition:transform 180ms cubic-bezier(.16,1,.3,1),box-shadow 180ms ease,background 180ms ease;animation:authFadeUp 500ms cubic-bezier(.16,1,.3,1) 540ms both;}.auth-submit::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.25) 50%,transparent 70%);transform:translateX(-100%);transition:transform 500ms ease;}.auth-submit:hover{transform:translateY(-2px);box-shadow:0 16px 32px -10px rgba(220,38,38,.65),0 0 0 4px rgba(220,38,38,.18);}.auth-submit:hover::before{transform:translateX(100%);}.auth-submit:hover .auth-submit-arrow{transform:translateX(4px);}.auth-submit:active{transform:translateY(0);}.auth-submit:disabled{cursor:not-allowed;opacity:.7;}.auth-submit-text{position:relative;z-index:1;}.auth-submit-arrow{position:relative;z-index:1;font-size:14px;transition:transform 220ms cubic-bezier(.16,1,.3,1);}.auth-footer{margin-top:24px;text-align:center;font-size:12px;color:#94a3b8;line-height:1.5;animation:authFadeUp 500ms cubic-bezier(.16,1,.3,1) 600ms both;}.auth-footer a{color:#475569;font-weight:500;text-decoration:none;transition:color 140ms ease;}.auth-footer a:hover{color:#dc2626;text-decoration:underline;}@media(max-width:880px){.auth-shell{padding:0;align-items:stretch;}.auth-card{grid-template-columns:1fr;max-width:none;min-height:100vh;border-radius:0;box-shadow:none;}.auth-hero{padding:32px 28px;min-height:220px;}.auth-hero::before{mask-image:radial-gradient(circle at top right,black 0%,transparent 90%);}.auth-hero-title{font-size:26px;margin-top:24px;}.auth-hero-sub{font-size:13.5px;margin-bottom:18px;}.auth-hero-bullets{flex-direction:row;flex-wrap:wrap;gap:8px 16px;}.auth-hero-bullets>li{font-size:12.5px;}.auth-form{padding:32px 24px 40px;}.auth-title{font-size:22px;}.auth-input{height:44px;font-size:15px;}.auth-submit{height:48px;}}@media(max-width:480px){.auth-hero{padding:28px 22px;min-height:auto;}.auth-hero-bullets{display:none;}.auth-hero-sub{display:none;}.auth-hero-title{font-size:22px;margin-top:16px;}.auth-close{top:12px;right:12px;}.auth-form{padding:28px 20px 32px;}}@media(hover:none){.auth-submit:hover{transform:none;}.auth-submit:hover::before{display:none;}.auth-submit:hover .auth-submit-arrow{transform:none;}.auth-close:hover{transform:none;}}@media(prefers-reduced-motion:reduce){.auth-orb,.auth-hero::after,.auth-card,.auth-brand,.auth-hero-title,.auth-hero-sub,.auth-hero-bullets>li,.auth-form-head,.auth-field,.auth-remember,.auth-submit,.auth-footer{animation:none!important;transform:none!important;opacity:1!important;}.auth-submit::before{display:none;}}