*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--r:#c0272d;--r-dark:#8b1a1e;--r-light:#fcebeb;--r-mid:#e8a0a2;--white:#fff;--grey-50:#f7f7f7;--grey-100:#efefef;--grey-200:#e0e0e0;--grey-300:#d1d1d1;--grey-400:#aaa;--grey-500:#888;--grey-700:#444;--grey-900:#1a1a1a;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow:0 4px 24px #00000012}.auth-body{height:100vh;color:var(--grey-900);background:var(--grey-50);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;font-size:15px}.auth-page{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.left-panel{background:var(--r);flex-direction:column;justify-content:space-between;padding:40px 48px;display:flex;position:relative;overflow:hidden}.left-panel:before{content:"";background:#ffffff0f;border-radius:50%;width:320px;height:320px;position:absolute;top:-80px;right:-80px}.left-panel:after{content:"";background:#ffffff0d;border-radius:50%;width:240px;height:240px;position:absolute;bottom:-60px;left:-60px}.left-logo{color:#fff;letter-spacing:-.4px;z-index:1;font-size:20px;font-weight:600;position:relative}.left-logo span{opacity:.65}.left-body{z-index:1;position:relative}.left-tag{color:#fff;background:#ffffff26;border:1px solid #ffffff40;border-radius:100px;align-items:center;gap:6px;margin-bottom:24px;padding:5px 12px;font-size:12px;font-weight:500;display:inline-flex}.left-body h2{color:#fff;letter-spacing:-.8px;margin-bottom:16px;font-size:34px;font-weight:600;line-height:1.2}.left-body p{color:#ffffffb8;max-width:340px;font-size:15px;line-height:1.7}.left-stats{z-index:1;grid-template-columns:1fr 1fr;gap:12px;display:grid;position:relative}.stat-box{border-radius:var(--radius-md);background:#ffffff1f;border:1px solid #ffffff2e;padding:16px 18px}.stat-num{color:#fff;letter-spacing:-.5px;font-size:22px;font-weight:600}.stat-label{color:#ffffffa6;margin-top:3px;font-size:12px}.right-panel{background:var(--white);flex-direction:column;justify-content:center;align-items:center;padding:48px 40px;display:flex;overflow-y:auto}.auth-box{width:100%;max-width:400px}.auth-tabs{background:var(--grey-50);border:1px solid var(--grey-100);border-radius:var(--radius-md);margin-bottom:32px;padding:4px;display:flex}.tab-btn{border-radius:var(--radius-sm);color:var(--grey-500);cursor:pointer;background:0 0;border:none;flex:1;padding:9px;font-family:inherit;font-size:14px;font-weight:500;transition:background .15s,color .15s}.tab-btn.active{background:var(--white);color:var(--grey-900);box-shadow:0 1px 4px #00000014}.form-header{margin-bottom:28px}.form-header h1{letter-spacing:-.4px;color:var(--grey-900);margin-bottom:6px;font-size:22px;font-weight:600}.form-header p{color:var(--grey-500);font-size:14px;line-height:1.6}.auth-form{flex-direction:column;gap:16px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--grey-700);font-size:13px;font-weight:500}.input-wrap{align-items:center;display:flex;position:relative}.input-wrap i{color:var(--grey-400);pointer-events:none;font-size:16px;position:absolute;left:12px}.input-wrap input{border:1px solid var(--grey-200);border-radius:var(--radius-sm);width:100%;color:var(--grey-900);background:var(--white);outline:none;padding:11px 12px 11px 38px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.input-wrap input::placeholder{color:var(--grey-400)}.input-wrap input:focus{border-color:var(--r);box-shadow:0 0 0 3px #c0272d1a}.input-wrap input:focus+.focus-ring{display:none}.eye-btn{cursor:pointer;color:var(--grey-400);background:0 0;border:none;align-items:center;padding:0;font-size:16px;transition:color .15s;display:flex;position:absolute;right:12px}.eye-btn:hover{color:var(--grey-700)}.has-eye input{padding-right:38px}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.forgot-row{justify-content:flex-end;margin-top:-8px;display:flex}.forgot-row a{color:var(--r);font-size:13px;font-weight:500;text-decoration:none}.forgot-row a:hover{color:var(--r-dark)}.submit-btn{background:var(--r);color:var(--white);border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;padding:13px;font-family:inherit;font-size:15px;font-weight:500;transition:background .15s;display:flex}.submit-btn:hover{background:var(--r-dark)}.divider{align-items:center;gap:12px;margin:4px 0;display:flex}.divider:before,.divider:after{content:"";background:var(--grey-100);flex:1;height:1px}.divider span{color:var(--grey-400);white-space:nowrap;font-size:12px}.form-footer{text-align:center;color:var(--grey-500);margin-top:8px;font-size:13px}.form-footer a{color:var(--r);font-weight:500;text-decoration:none}.form-footer a:hover{color:var(--r-dark)}.pw-strength{margin-top:4px;display:none}.pw-strength-bars{gap:4px;margin-bottom:4px;display:flex}.pw-bar{background:var(--grey-200);border-radius:2px;flex:1;height:3px;transition:background .2s}.pw-label{color:var(--grey-500);font-size:11px}.terms{align-items:flex-start;gap:8px;margin-top:-4px;display:flex}.terms input[type=checkbox]{accent-color:var(--r);cursor:pointer;flex-shrink:0;width:15px;height:15px;margin-top:2px}.terms label{color:var(--grey-500);cursor:pointer;font-size:12px;line-height:1.55}.terms label a{color:var(--r);font-weight:500;text-decoration:none}.form-panel{display:none}.form-panel.active{display:block}.form-panel .auth-form{display:flex}@media (max-width:800px){.auth-page{grid-template-columns:1fr}.left-panel{display:none}.right-panel{min-height:100vh;padding:40px 24px}}@media (max-width:400px){.field-row{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}