:root{--emerald-50: #ecfdf5;--emerald-100: #d1fae5;--emerald-200: #a7f3d0;--emerald-400: #34d399;--emerald-500: #10b981;--emerald-600: #059669;--emerald-700: #047857;--emerald-800: #065f46;--emerald-900: #064e3b;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a}.login-page{min-height:100vh;display:flex;font-family:Manrope,sans-serif;background:var(--slate-50);position:relative;overflow:hidden}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeScaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(25px)}to{opacity:1;transform:translate(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 4px 14px #10b9814d}50%{box-shadow:0 4px 28px #10b98180,0 0 48px #10b9811f}}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.18)}28%{transform:scale(1)}42%{transform:scale(1.12)}56%{transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes expandWidth{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes checkDraw{0%{stroke-dashoffset:24;opacity:0}to{stroke-dashoffset:0;opacity:1}}@keyframes bgPulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes float-up{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) rotate(360deg);opacity:0}}.login-panel-left{display:none;width:50%;background:linear-gradient(160deg,var(--emerald-900) 0%,var(--emerald-700) 40%,var(--emerald-500) 100%);position:relative;overflow:hidden;padding:3rem;flex-direction:column;justify-content:center}@media(min-width:1024px){.login-panel-left{display:flex}}.login-panel-left:before{content:"";position:absolute;top:-20%;right:-20%;width:80%;height:80%;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);border-radius:50%}.login-panel-left:after{content:"";position:absolute;bottom:-10%;left:-10%;width:60%;height:60%;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 70%);border-radius:50%}.left-content{position:relative;z-index:2;max-width:480px;margin:0 auto}.left-icon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:3rem}.left-icon-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:1.25rem;text-align:center;transition:transform .3s ease,background .3s ease;opacity:0;animation:fadeScaleIn .5s cubic-bezier(.16,1,.3,1) forwards}.left-icon-card:nth-child(1){animation-delay:.2s}.left-icon-card:nth-child(2){animation-delay:.3s}.left-icon-card:nth-child(3){animation-delay:.4s}.left-icon-card:nth-child(4){animation-delay:.5s}.left-icon-card:nth-child(5){animation-delay:.6s}.left-icon-card:nth-child(6){animation-delay:.7s}.left-icon-card:hover{transform:translateY(-4px);background:#ffffff2e}.left-icon-card svg{width:28px;height:28px;margin:0 auto .5rem;color:var(--emerald-200)}.left-icon-card span{font-size:.7rem;font-weight:500;color:#fffc;letter-spacing:.02em}.left-title{font-family:Manrope,sans-serif;font-size:2.5rem;font-weight:700;color:#fff;line-height:1.15;margin-bottom:1rem;opacity:0;animation:fadeSlideUp .7s cubic-bezier(.16,1,.3,1) .8s forwards}.left-subtitle{font-size:1rem;color:#ffffffbf;line-height:1.7;font-weight:400;opacity:0;animation:fadeSlideUp .7s cubic-bezier(.16,1,.3,1) 1s forwards}.floating-dots{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.floating-dot{position:absolute;border-radius:50%;background:#ffffff0f;animation:float-up 20s infinite linear}.floating-dot:nth-child(1){width:6px;height:6px;left:10%;animation-delay:0s;animation-duration:18s}.floating-dot:nth-child(2){width:4px;height:4px;left:30%;animation-delay:3s;animation-duration:22s}.floating-dot:nth-child(3){width:8px;height:8px;left:50%;animation-delay:6s;animation-duration:16s}.floating-dot:nth-child(4){width:5px;height:5px;left:70%;animation-delay:9s;animation-duration:20s}.floating-dot:nth-child(5){width:3px;height:3px;left:85%;animation-delay:12s;animation-duration:24s}.login-panel-right{width:100%;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem;position:relative}@media(min-width:1024px){.login-panel-right{width:50%;padding:3rem}}.login-panel-right:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(16,185,129,.06) 0%,transparent 70%);border-radius:50%;pointer-events:none;animation:bgPulse 4s ease-in-out infinite}.login-form-container{width:100%;max-width:420px;position:relative;z-index:2}.login-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:2.5rem;opacity:0;animation:fadeSlideDown .6s cubic-bezier(.16,1,.3,1) .1s forwards}.login-logo-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--emerald-500),var(--emerald-700));border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #10b9814d;animation:pulseGlow 3s ease-in-out 2s infinite}.login-logo-icon svg{width:26px;height:26px;color:#fff;animation:heartbeat 2.5s ease-in-out 2.5s infinite}.login-logo-text h1{font-family:Manrope,sans-serif;font-size:1.4rem;font-weight:700;color:var(--slate-900);letter-spacing:-.02em;line-height:1.2}.login-logo-text span{font-size:.72rem;color:var(--slate-400);font-weight:500;letter-spacing:.04em;text-transform:uppercase}.login-card{background:#fff;border-radius:20px;padding:2.5rem;box-shadow:0 1px 3px #0000000a,0 6px 24px #0000000f;border:1px solid rgba(0,0,0,.04);opacity:0;animation:fadeSlideUp .7s cubic-bezier(.16,1,.3,1) .3s forwards}.login-card-header{margin-bottom:2rem}.login-card-header h2{font-family:Manrope,sans-serif;font-size:1.6rem;font-weight:700;color:var(--slate-900);margin-bottom:.5rem;letter-spacing:-.01em;opacity:0;animation:fadeSlideUp .5s cubic-bezier(.16,1,.3,1) .55s forwards}.login-card-header p{font-size:.88rem;color:var(--slate-500);line-height:1.5;opacity:0;animation:fadeIn .5s ease .7s forwards}.login-alert{padding:.85rem 1rem;border-radius:12px;font-size:.82rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.6rem;animation:fadeScaleIn .4s cubic-bezier(.16,1,.3,1) both}.login-alert-success{background:var(--emerald-50);border:1px solid var(--emerald-200);color:var(--emerald-800)}.login-alert-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.login-alert svg{width:18px;height:18px;flex-shrink:0}.google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.9rem 1.5rem;background:#fff;border:2px solid var(--slate-200);border-radius:14px;font-family:Manrope,sans-serif;font-size:.92rem;font-weight:600;color:var(--slate-700);cursor:pointer;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;opacity:0;animation:fadeScaleIn .5s cubic-bezier(.16,1,.3,1) .85s forwards}.google-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#4285f40a,#34a8530a);opacity:0;transition:opacity .3s ease}.google-btn:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0) 40%,rgba(255,255,255,.6) 50%,rgba(255,255,255,0) 60%,transparent 100%);background-size:200% 100%;animation:shimmer 3s ease-in-out 2.5s infinite;pointer-events:none;border-radius:14px}.google-btn:hover{border-color:var(--slate-300);box-shadow:0 4px 20px #0000001a;transform:translateY(-2px)}.google-btn:hover:before{opacity:1}.google-btn:active{transform:translateY(0) scale(.98);box-shadow:0 2px 8px #0000000f}.google-btn svg{width:20px;height:20px;flex-shrink:0;position:relative;z-index:1}.google-btn span{position:relative;z-index:1}.google-btn.is-loading{pointer-events:none;opacity:.94}.google-btn.is-loading>svg,.google-btn.is-loading>span:not(.google-btn-loader){opacity:0}.google-btn-loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:.7rem;opacity:0;color:var(--slate-700);font-weight:700;z-index:2;transition:opacity .18s ease}.google-btn.is-loading .google-btn-loader{opacity:1}.google-btn-spinner{width:18px;height:18px;border:2px solid rgba(18,111,183,.18);border-top-color:var(--emerald-600);border-radius:999px;animation:spinLoader .8s linear infinite}.login-loading-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#f8fafcbd;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease;z-index:90}.login-loading-overlay.is-visible{opacity:1;visibility:visible}.login-loading-card{width:min(92vw,360px);border-radius:24px;padding:1.45rem 1.25rem;background:#fffffff5;border:1px solid rgba(18,111,183,.12);box-shadow:0 24px 50px #0f172a1a;text-align:center}.login-loading-card h3{margin:0 0 .4rem;font-size:1rem;font-weight:800;color:var(--slate-800)}.login-loading-card p{margin:0;font-size:.84rem;line-height:1.55;color:var(--slate-500)}@keyframes spinLoader{to{transform:rotate(360deg)}}.login-divider{display:flex;align-items:center;gap:1rem;margin:1.75rem 0;opacity:0;animation:fadeIn .5s ease 1.05s forwards}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--slate-200);transform-origin:center;animation:expandWidth .6s cubic-bezier(.16,1,.3,1) 1.15s both}.login-divider span{font-size:.72rem;color:var(--slate-400);font-weight:500;text-transform:uppercase;letter-spacing:.08em}.login-info{background:linear-gradient(135deg,var(--slate-50),rgba(236,253,245,.5));border:1px solid var(--slate-200);border-radius:14px;padding:1.25rem;opacity:0;animation:fadeSlideUp .5s cubic-bezier(.16,1,.3,1) 1.25s forwards}.login-info-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.login-info-header svg{width:16px;height:16px;color:var(--emerald-600)}.login-info-header span{font-size:.78rem;font-weight:700;color:var(--slate-700);letter-spacing:.02em}.login-info-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.login-info-list li{display:flex;align-items:flex-start;gap:.5rem;font-size:.78rem;color:var(--slate-600);line-height:1.5;opacity:0;animation:slideInRight .4s cubic-bezier(.16,1,.3,1) forwards}.login-info-list li:nth-child(1){animation-delay:1.45s}.login-info-list li:nth-child(2){animation-delay:1.6s}.login-info-list li:nth-child(3){animation-delay:1.75s}.login-info-list li svg{width:14px;height:14px;color:var(--emerald-500);flex-shrink:0;margin-top:2px}.login-info-list li svg path{stroke-dasharray:24;stroke-dashoffset:24;animation:checkDraw .4s ease forwards}.login-info-list li:nth-child(1) svg path{animation-delay:1.55s}.login-info-list li:nth-child(2) svg path{animation-delay:1.7s}.login-info-list li:nth-child(3) svg path{animation-delay:1.85s}.login-footer{text-align:center;margin-top:2rem;font-size:.75rem;color:var(--slate-400);opacity:0;animation:fadeIn .5s ease 2s forwards}@media(max-width:640px){.login-card{padding:1.75rem;border-radius:16px}.login-card-header h2{font-size:1.35rem}.login-logo-icon{width:42px;height:42px;border-radius:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}