.auth-wrap{min-height:100vh;animation:.6s ease-out both authPageFadeIn;display:flex}@keyframes authPageFadeIn{0%{opacity:0}to{opacity:1}}.brand-panel{z-index:0;flex-direction:column;justify-content:center;width:50%;padding:72px 64px;display:flex;position:relative;overflow:hidden}.brand-panel.login-brand{background:linear-gradient(135deg,#0c1e3a 0%,#1e5aaf 30%,#2a7dd4 60%,#0e2d5e 100%) 0 0/300% 300%;animation:12s ease-in-out infinite brandGradientShift}.brand-panel.signup-brand{background:linear-gradient(135deg,#0a2e1a 0%,#1a8a5c 30%,#22b573 60%,#0e3d28 100%) 0 0/300% 300%;animation:12s ease-in-out infinite brandGradientShift}@keyframes brandGradientShift{0%{background-position:0%}25%{background-position:50% 0}50%{background-position:100%}75%{background-position:50% 100%}to{background-position:0%}}.brand-panel:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#ffffff14 0%,#ffffff05 50%,#0000 70%);border-radius:50%;width:300px;height:300px;animation:18s ease-in-out infinite orbDrift;position:absolute}@keyframes orbDrift{0%{top:10%;right:-5%;transform:scale(1)}25%{top:30%;right:15%;transform:scale(1.15)}50%{top:50%;right:5%;transform:scale(.9)}75%{top:20%;right:25%;transform:scale(1.1)}to{top:10%;right:-5%;transform:scale(1)}}.brand-panel:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#ffffff0d,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-120px;left:-80px}.brand-logo{z-index:1;align-items:center;gap:12px;margin-bottom:56px;animation:.7s ease-out both brandItemStagger;display:flex;position:relative}.brand-logo-mark{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#ffffff26;border:1px solid #ffffff1f;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:800;display:flex}.brand-logo span{color:#fff;letter-spacing:-.5px;font-size:22px;font-weight:800}.brand-headline{color:#fff;letter-spacing:-2px;z-index:1;margin-bottom:18px;font-size:clamp(32px,4vw,48px);font-weight:800;line-height:1.08;animation:.7s ease-out .1s both brandItemStagger;position:relative}.brand-headline .accent{color:#ffffff80}.brand-sub{color:#ffffffa6;z-index:1;max-width:400px;margin-bottom:40px;font-size:16px;line-height:1.65;animation:.7s ease-out .2s both brandItemStagger;position:relative}@keyframes brandItemStagger{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.brand-stats{z-index:1;gap:16px;display:flex;position:relative}.brand-stat{-webkit-backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff14;border-radius:14px;padding:18px 22px;transition:transform .3s,background .3s}.brand-stat:first-child{animation:.6s ease-out .3s both statCardIn}.brand-stat:nth-child(2){animation:.6s ease-out .4s both statCardIn}.brand-stat:nth-child(3){animation:.6s ease-out .5s both statCardIn}@keyframes statCardIn{0%{opacity:0;transform:translate(-16px)translateY(8px)}to{opacity:1;transform:translate(0)translateY(0)}}.brand-stat:hover{background:#ffffff1f;transform:translateY(-2px)}.brand-stat .bs-num{font-family:var(--mono);color:#fff;letter-spacing:-1px;font-size:26px;font-weight:700;line-height:1.1}.brand-stat .bs-label{color:#ffffff80;margin-top:4px;font-size:12px;font-weight:500}.brand-perks{z-index:1;flex-direction:column;gap:14px;display:flex;position:relative}.perk{color:#ffffffd9;align-items:center;gap:14px;font-size:15px;font-weight:500;display:flex}.perk:first-child{animation:.5s ease-out .3s both perkSlideIn}.perk:nth-child(2){animation:.5s ease-out .4s both perkSlideIn}.perk:nth-child(3){animation:.5s ease-out .5s both perkSlideIn}.perk:nth-child(4){animation:.5s ease-out .6s both perkSlideIn}.perk:nth-child(5){animation:.5s ease-out .7s both perkSlideIn}@keyframes perkSlideIn{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}.perk-icon{-webkit-backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;display:flex}.form-panel{background:#faf9f6;justify-content:center;align-items:center;width:50%;padding:48px 40px;display:flex;overflow-y:auto}.form-container{width:100%;max-width:400px;animation:.6s ease-out .15s both formSlideIn;position:relative}@keyframes formSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.form-logo-mark{color:#fff;border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:24px;display:flex;box-shadow:0 4px 16px #0000001a}.form-logo-mark.login-mark{background:linear-gradient(135deg,#1e5aaf,#2a7dd4)}.form-logo-mark.signup-mark{background:linear-gradient(135deg,#1a8a5c,#22b573)}.form-header{margin-bottom:32px}.form-header h1{letter-spacing:-1px;color:var(--text);margin-bottom:6px;font-size:28px;font-weight:800}.form-header p{color:var(--text3);font-size:15px}.form-header p a{color:var(--blue);font-weight:600;text-decoration:none;transition:color .2s}.form-header p a:hover{color:#1a4a90}.auth-wrap .form-group{margin-bottom:20px}.auth-wrap .form-label{color:var(--text3);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.auth-wrap .form-input,.auth-wrap .form-select{border:1px solid var(--border);width:100%;height:48px;font-size:15px;font-family:var(--font);color:var(--text);background:#fff;border-radius:14px;outline:none;padding:0 16px;transition:all .2s}.auth-wrap .form-input::placeholder{color:var(--text4)}.auth-wrap .form-input:hover,.auth-wrap .form-select:hover{border-color:#1e3a5f2e}.auth-wrap .form-input:focus,.auth-wrap .form-select:focus{border-color:var(--blue);transform:translateY(-1px);box-shadow:0 0 0 3px #1e5aaf14}.signup-brand~.form-panel .form-input:focus,.signup-brand~.form-panel .form-select:focus{border-color:var(--green);box-shadow:0 0 0 3px #1a8a5c14}.form-row{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.form-row-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-check{cursor:pointer;align-items:center;gap:8px;display:flex}.form-check input{width:16px;height:16px;accent-color:var(--blue);cursor:pointer}.form-check span{color:var(--text2);font-size:13px}.form-forgot{color:var(--blue);font-size:13px;font-weight:500;text-decoration:none;transition:color .2s}.form-forgot:hover{color:#1a4a90}.form-check-terms{cursor:pointer;align-items:flex-start;gap:10px;margin-bottom:24px;display:flex}.form-check-terms input{width:18px;height:18px;accent-color:var(--green);cursor:pointer;flex-shrink:0;margin-top:2px}.form-check-terms span{color:var(--text2);font-size:13px;line-height:1.5}.form-check-terms a{color:var(--blue);text-decoration:none}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%237c8da3' fill='none' stroke-width='1.5'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat}.pw-bar{background:var(--bg3);border-radius:4px;height:4px;margin-top:10px;overflow:hidden}.pw-fill{border-radius:4px;width:0%;height:100%;transition:width .4s,background .4s}.pw-hint{color:var(--text3);margin-top:5px;font-size:11px;transition:color .3s}.auth-wrap .form-btn{cursor:pointer;width:100%;height:50px;font-size:16px;font-weight:700;font-family:var(--font);color:#fff;border:none;border-radius:14px;padding:0;transition:all .25s;position:relative;overflow:hidden}.auth-wrap .form-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none!important;transform:none!important}.login-btn{background:linear-gradient(135deg,#1e5aaf,#2a7dd4);box-shadow:0 4px 18px #1e5aaf38}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #1e5aaf59}.login-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 18px #1e5aaf38}.signup-btn{background:linear-gradient(135deg,#1a8a5c,#22b573);box-shadow:0 4px 18px #1a8a5c38}.signup-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #1a8a5c59}.signup-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 18px #1a8a5c38}.social-divider{align-items:center;gap:14px;margin:28px 0 18px;display:flex}.social-divider:before,.social-divider:after{content:"";background:var(--border);flex:1;height:1px}.social-divider span{color:var(--text4);white-space:nowrap;font-size:12px;font-weight:500}.social-pills{gap:12px;display:flex}.social-pill{border:1px solid var(--border);height:44px;font-size:13px;font-weight:600;font-family:var(--font);color:var(--text2);cursor:pointer;background:#fff;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:0 16px;transition:all .2s;display:flex}.social-pill:hover{border-color:var(--border-h);background:var(--bg3);transform:translateY(-1px)}.social-pill:active{transform:translateY(0)}.social-pill svg{flex-shrink:0;width:16px;height:16px}.auth-wrap .form-error{color:var(--red);background:#c450400f;border:1px solid #c450401f;border-radius:12px;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:13px;line-height:1.5;display:none}.auth-wrap .form-error.show{animation:.3s ease-out errorSlideDown;display:flex}@keyframes errorSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.form-success{text-align:center;background:#1a8a5c0d;border:1px solid #1a8a5c1f;border-radius:16px;padding:40px 24px;display:none}.form-success.show{animation:.5s ease-out successFadeIn;display:block}@keyframes successFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.success-check{background:#1a8a5c1a;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 18px;animation:.5s ease-out .15s both checkBounce;display:flex}.success-check svg{color:#1a8a5c;width:28px;height:28px}@keyframes checkBounce{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.15)}to{transform:scale(1)}}.form-success h3{color:var(--green);margin-bottom:6px;font-size:20px;font-weight:700}.form-success p{color:var(--text3);font-size:14px}.form-footer{text-align:center;color:var(--text4);margin-top:28px;font-size:12px;line-height:1.7}.form-footer a{color:var(--text3);text-decoration:none;transition:color .2s}.form-footer a:hover{color:var(--text2)}.auth-toast{background:var(--text);color:#fff;font-size:13px;font-weight:600;font-family:var(--font);opacity:0;pointer-events:none;z-index:100;border-radius:12px;padding:12px 28px;transition:all .3s;position:fixed;bottom:32px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 8px 32px #00000026}.auth-toast.show{opacity:1;transform:translate(-50%)translateY(0)}@media (max-width:900px){.auth-wrap{flex-direction:column}.brand-panel{width:100%;min-height:auto;padding:36px 28px 32px}.brand-logo{margin-bottom:24px}.brand-headline{letter-spacing:-1px;font-size:28px}.brand-sub{margin-bottom:24px;font-size:14px}.brand-stats{gap:10px}.brand-stat{padding:12px 14px}.brand-stat .bs-num{font-size:20px}.brand-stat .bs-label{font-size:11px}.brand-perks{gap:10px}.perk{gap:10px;font-size:13px}.perk-icon{width:32px;height:32px;font-size:14px}.form-panel{width:100%;padding:32px 24px 48px}.form-container{max-width:100%}.form-header h1{font-size:24px}.form-row-2{grid-template-columns:1fr}.social-pills{flex-direction:column}}
