@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;1,700&family=Outfit:wght@300;400;500;600;700&display=swap");:root{--bg:#07101f;--bg-2:#0b1628;--bg-3:#0f1d35;--surface:#132040;--surface-2:#192848;--border:rgba(96,165,250,0.1);--border-2:rgba(96,165,250,0.2);--ink:#e8f0ff;--ink-2:#8da4c8;--ink-3:#485d80;--blue:#3b82f6;--blue-bright:#60a5fa;--blue-dark:#1d4ed8;--blue-dim:rgba(59,130,246,0.12);--blue-glow:rgba(59,130,246,0.25);--error:#f87171;--error-bg:rgba(248,113,113,0.08);--error-border:rgba(248,113,113,0.2);--r-xs:6px;--r-sm:10px;--r-md:16px;--r-lg:24px;--r-xl:32px;--s-sm:0 4px 16px rgba(0,0,0,0.5);--s-md:0 12px 40px rgba(0,0,0,0.55);--ease:0.22s cubic-bezier(0.4,0,0.2,1);--display:"Playfair Display",Georgia,serif;--body:"Outfit",system-ui,sans-serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;height:100%}body{font-family:var(--body);background:var(--bg);color:var(--ink);min-height:100vh;display:flex;-webkit-font-smoothing:antialiased;overflow:hidden}a{text-decoration:none;color:inherit}button{cursor:pointer}button,input{font-family:var(--body)}.login-page{display:flex;width:100%;min-height:100vh}.panel-left{flex:0 0 46%;background:linear-gradient(145deg,#0d1e40,#0a1530 50%,#071020);border-right:1px solid var(--border);position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:48px 52px;overflow:hidden}.panel-left:before{width:500px;height:500px;background:radial-gradient(circle,rgba(59,130,246,.15) 0,transparent 65%);top:-120px;right:-80px}.panel-left:after,.panel-left:before{content:"";position:absolute;pointer-events:none}.panel-left:after{width:350px;height:350px;background:radial-gradient(circle,rgba(29,78,216,.1) 0,transparent 65%);bottom:-60px;left:-60px}.left-dots{position:absolute;inset:0;background-image:radial-gradient(rgba(96,165,250,.07) 1px,transparent 0);background-size:24px 24px;pointer-events:none}.left-brand{gap:12px;position:relative;z-index:1}.left-brand,.left-logo{display:flex;align-items:center}.left-logo{width:42px;height:42px;background:var(--blue);border-radius:var(--r-sm);justify-content:center;font-weight:900;font-size:1.1rem;color:white;box-shadow:0 0 20px var(--blue-glow)}.left-brand-text strong{display:block;color:var(--ink);font-size:1rem;font-weight:700;line-height:1.2}.left-brand-text small{color:var(--ink-3);font-size:.6rem;letter-spacing:2px;text-transform:uppercase;font-weight:600}.left-content{position:relative;z-index:1}.left-tagline{font-family:var(--display);font-size:clamp(2rem,3.2vw,3rem);color:var(--ink);line-height:1.18;margin-bottom:22px}.left-tagline em{font-style:italic;color:var(--blue-bright)}.left-desc{font-size:.92rem;color:var(--ink-2);line-height:1.75;max-width:340px;font-weight:300;margin-bottom:36px}.left-features{display:flex;flex-direction:column;gap:10px}.feature-pill{display:flex;align-items:center;gap:12px;background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.15);border-radius:100px;padding:9px 18px;width:fit-content}.feature-pill i{color:var(--blue-bright);font-size:.82rem;width:16px;text-align:center}.feature-pill span{color:var(--ink-2);font-size:.82rem;font-weight:500}.left-stats{position:relative;z-index:1;display:flex;gap:32px;padding-top:28px;border-top:1px solid var(--border)}.left-stat-num{display:block;font-family:var(--display);font-size:1.6rem;color:var(--ink);line-height:1;margin-bottom:4px}.left-stat-lbl{font-size:.68rem;color:var(--ink-3);text-transform:uppercase;letter-spacing:1.2px;font-weight:600}.panel-right{flex:1;display:flex;align-items:center;justify-content:center;padding:clamp(32px,5vw,64px) clamp(24px,5vw,80px);overflow-y:auto;background:var(--bg-2)}.form-card{width:100%;max-width:420px}.back-link{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:500;color:var(--ink-3);margin-bottom:40px;border:1px solid var(--border);background:var(--surface);padding:7px 14px;border-radius:100px;transition:all var(--ease)}.back-link:hover{color:var(--blue-bright);border-color:var(--border-2);background:var(--blue-dim)}.back-link i{font-size:.75rem}.form-header{margin-bottom:34px}.form-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:.7rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--blue-bright);margin-bottom:14px}.form-title{font-family:var(--display);font-size:clamp(1.8rem,3vw,2.4rem);color:var(--ink);line-height:1.2;margin-bottom:10px}.form-subtitle{font-size:.88rem;color:var(--ink-3);line-height:1.6}.alert-error{display:none;align-items:center;gap:10px;background:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--r-sm);padding:12px 16px;margin-bottom:20px;font-size:.83rem;color:var(--error)}.alert-error.show{display:flex}.alert-error i{flex-shrink:0}.form-body{gap:20px}.field,.form-body{display:flex;flex-direction:column}.field{gap:7px}.field-label{font-size:.8rem;font-weight:600;color:var(--ink-2)}.field-label span{color:var(--error);margin-left:2px}.input-wrap{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:14px;color:var(--ink-3);font-size:.85rem;pointer-events:none;transition:color var(--ease)}.field-input{width:100%;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-sm);padding:13px 14px 13px 42px;font-size:.9rem;color:var(--ink);outline:none;transition:border-color var(--ease),box-shadow var(--ease),background var(--ease);-webkit-appearance:none}.field-input::placeholder{color:var(--ink-3)}.field-input:focus{border-color:var(--blue);background:var(--surface-2);box-shadow:0 0 0 3px rgba(59,130,246,.15)}.input-wrap:focus-within .input-icon{color:var(--blue-bright)}.pw-toggle{position:absolute;right:14px;background:none;border:none;color:var(--ink-3);font-size:.85rem;padding:4px;transition:color var(--ease);line-height:1}.pw-toggle:hover{color:var(--blue-bright)}.field-input.error{border-color:var(--error)}.field-error{font-size:.73rem;color:var(--error);display:none;align-items:center;gap:5px}.field-error.show{display:flex}.form-options{justify-content:space-between;flex-wrap:wrap;gap:10px}.check-label,.form-options{display:flex;align-items:center}.check-label{gap:8px;font-size:.82rem;color:var(--ink-2);cursor:pointer;user-select:none}.check-label input[type=checkbox]{appearance:none;-webkit-appearance:none;width:17px;height:17px;border:1.5px solid var(--border-2);border-radius:4px;background:var(--surface);cursor:pointer;transition:all var(--ease);flex-shrink:0;position:relative}.check-label input[type=checkbox]:checked{background:var(--blue);border-color:var(--blue)}.check-label input[type=checkbox]:checked:after{content:"";position:absolute;top:2px;left:5px;width:5px;height:9px;border:2px solid white;border-top:none;border-left:none;transform:rotate(45deg)}.forgot-link{font-size:.82rem;color:var(--blue-bright);font-weight:600;transition:color var(--ease)}.forgot-link:hover{color:var(--blue);text-decoration:underline}.btn-login{width:100%;background:var(--blue);color:white;border:none;border-radius:var(--r-sm);padding:14px;font-size:.95rem;font-weight:700;letter-spacing:.3px;display:flex;align-items:center;justify-content:center;gap:10px;transition:background var(--ease),transform var(--ease),box-shadow var(--ease);margin-top:4px;position:relative;overflow:hidden;box-shadow:0 4px 20px var(--blue-glow)}.btn-login:hover:not(:disabled){background:var(--blue-dark);transform:translateY(-1px);box-shadow:0 8px 28px rgba(59,130,246,.45)}.btn-login:active:not(:disabled){transform:translateY(0)}.btn-login:disabled{opacity:.65;cursor:not-allowed}.btn-spinner{display:none;width:18px;height:18px;border:2.5px solid rgba(255,255,255,.35);border-top-color:white;border-radius:50%;animation:spin .7s linear infinite}.btn-login.loading .btn-text{display:none}.btn-login.loading .btn-spinner{display:block}@keyframes spin{to{transform:rotate(1turn)}}.form-divider{display:flex;align-items:center;gap:14px;margin:4px 0}.form-divider:after,.form-divider:before{content:"";flex:1;height:1px;background:var(--border)}.form-divider span{font-size:.72rem;color:var(--ink-3);font-weight:500;white-space:nowrap}.form-footer{text-align:center;font-size:.82rem;color:var(--ink-3)}.form-footer a{color:var(--blue-bright);font-weight:600;transition:color var(--ease)}.form-footer a:hover{color:var(--blue)}@keyframes slideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.panel-left{animation:fadeIn .5s ease both}.back-link{animation:slideUp .5s ease .1s both}.form-header{animation:slideUp .5s ease .15s both}.form-body{animation:slideUp .5s ease .22s both}@media(max-width:900px){body{overflow:auto}.login-page{flex-direction:column}.panel-left{flex:none;min-height:auto;padding:28px 28px 32px;animation:none}.left-content{padding:24px 0 0}.left-tagline{font-size:1.6rem;margin-bottom:12px}.left-desc{display:none}.left-features{flex-direction:row;flex-wrap:wrap}.left-stats{gap:20px}.panel-right{padding:40px 28px 60px;overflow:visible}}@media(max-width:560px){.panel-left{padding:24px 20px 28px}.left-tagline{font-size:1.35rem}.left-stats{gap:16px}.left-stat-num{font-size:1.25rem}.feature-pill{padding:8px 14px}.feature-pill span{font-size:.76rem}.panel-right{padding:32px 20px 48px}.form-card{max-width:100%}.form-title{font-size:1.7rem}.back-link{margin-bottom:28px}}@media(max-width:380px){.form-options{flex-direction:column;align-items:flex-start}.panel-left{padding:20px 16px 24px}.panel-right{padding:24px 16px 40px}}