@import url("https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,600;0,9..144,700;1,9..144,400&family=DM+Sans:wght@300;400;500;600&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--white:#fff;--off:#f9f7f4;--ink:#141210;--ink2:#4a4440;--ink3:#8a8078;--line:#e8e2d9;--green:#1a6b3c;--green2:#2a8a50;--green-pale:#ebf5ef;--red:#c0391e;--red-pale:#faecea;--amber:#d4820a;--amber-pale:#fdf3e0;--r:12px;--r-sm:8px;--font-d:"Fraunces",serif;--font-b:"DM Sans",sans-serif}body{font-family:var(--font-b);background:var(--off);color:var(--ink);min-height:100vh;display:flex;flex-direction:column}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.auth-wrap{flex:1 1;display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth-left{background:var(--ink);display:flex;flex-direction:column;justify-content:space-between;padding:3rem;position:relative;overflow:hidden}.auth-left:before{top:-30%;right:-20%;width:500px;height:500px;background:rgba(26,107,60,.12)}.auth-left:after,.auth-left:before{content:"";position:absolute;border-radius:50%;pointer-events:none}.auth-left:after{bottom:-20%;left:-10%;width:400px;height:400px;background:rgba(26,107,60,.08)}.al-top .logo{font-family:var(--font-d);font-size:1.4rem;font-weight:700;color:#fff;text-decoration:none;display:inline-block}.al-top .logo span{color:var(--green2)}.al-top-links{display:flex;gap:1.25rem;margin-top:1rem}.al-top-links a{font-size:13px;color:hsla(0,0%,100%,.45);text-decoration:none;font-weight:500;transition:color .2s}.al-top-links a:hover{color:#fff}.al-top-links a.highlight{color:var(--green2);font-weight:700}.al-mid{position:relative;z-index:1}.al-mid h2{font-family:var(--font-d);font-size:clamp(1.8rem,3vw,2.6rem);font-weight:700;color:#fff;line-height:1.15;margin-bottom:1rem}.al-mid h2 em{font-style:italic;color:var(--green2)}.al-mid p{font-size:14px;color:hsla(0,0%,100%,.55);line-height:1.75;max-width:340px}.al-stats{display:flex;gap:2rem;margin-top:2rem;flex-wrap:wrap}.al-stat-val{font-family:var(--font-d);font-size:1.6rem;font-weight:700;color:#fff;line-height:1}.al-stat-lbl{font-size:11px;color:hsla(0,0%,100%,.4);margin-top:2px}.al-bottom{font-size:11px;color:hsla(0,0%,100%,.25);position:relative;z-index:1}.al-bottom a{color:hsla(0,0%,100%,.35);text-decoration:none}.al-bottom a:hover{color:hsla(0,0%,100%,.7)}.auth-right{display:flex;align-items:center;justify-content:center;padding:2rem;background:#fff}.auth-box{width:100%;max-width:400px;animation:fadeUp .5s ease both}.screen{display:none}.screen.active{display:block;animation:pop .35s ease}.auth-box h3{font-family:var(--font-d);font-size:1.6rem;font-weight:700;color:var(--ink);margin-bottom:.3rem}.auth-box .sub{font-size:14px;color:var(--ink3);margin-bottom:2rem;line-height:1.6}.auth-box .sub a{color:var(--green);text-decoration:none;font-weight:600;cursor:pointer}.auth-box .sub a:hover{text-decoration:underline}.field{margin-bottom:1.1rem}.field label{display:block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);margin-bottom:.4rem}.field-wrap{position:relative}.field input{width:100%;padding:11px 14px;border:1.5px solid var(--line);border-radius:var(--r-sm);font-size:14px;color:var(--ink);outline:none;transition:border-color .2s;background:#fff;font-family:var(--font-b)}.field input:focus{border-color:var(--green)}.field input.error{border-color:var(--red);animation:shake .4s ease}.field-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;font-size:15px;color:var(--ink3);background:none;border:none;line-height:1}.forgot{font-size:12px;color:var(--green);text-decoration:none;font-weight:600;float:right;margin-top:.3rem;cursor:pointer}.forgot:hover{text-decoration:underline}.btn-auth{width:100%;padding:13px;background:var(--green);color:#fff;border:none;border-radius:var(--r-sm);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-b)}.btn-auth:hover{background:#145e32;transform:translateY(-1px)}.btn-auth:disabled{background:var(--ink3);cursor:not-allowed;transform:none}.divider{display:flex;align-items:center;gap:.75rem;margin:1.25rem 0;color:var(--ink3);font-size:12px}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:var(--line)}.btn-social{width:100%;padding:11px;background:var(--off);border:1.5px solid var(--line);border-radius:var(--r-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.6rem;color:var(--ink2);font-family:var(--font-b)}.btn-social:hover{border-color:var(--ink);background:#fff}.demo-box{background:var(--green-pale);border:1px solid #c5dbbf;border-radius:var(--r-sm);padding:.85rem 1rem;margin-bottom:1.25rem}.demo-box p{font-size:12px;color:var(--green);font-weight:500;line-height:1.6}.demo-box strong{font-weight:700}.demo-creds{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.demo-cred{background:#fff;border:1px solid #c5dbbf;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;color:var(--green);cursor:pointer;transition:background .2s}.demo-cred:hover{background:var(--green);color:#fff}.spinner{width:16px;height:16px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.error-banner{background:var(--red-pale);border:1px solid #f0c5bf;border-radius:var(--r-sm);padding:.75rem 1rem;font-size:13px;color:var(--red);margin-bottom:1rem;display:none}.error-banner.show{display:block;animation:fadeIn .2s ease}.success-banner{background:var(--green-pale);border:1px solid #c5dbbf;border-radius:var(--r-sm);padding:.75rem 1rem;font-size:13px;color:var(--green);margin-bottom:1rem;display:none}.success-banner.show{display:block}.tfa-icon{font-size:2.5rem;margin-bottom:1rem;text-align:center}.code-inputs{display:flex;gap:.5rem;justify-content:center;margin:1.5rem 0}.code-input{width:44px;height:52px;border:1.5px solid var(--line);border-radius:var(--r-sm);font-size:1.4rem;font-weight:700;text-align:center;outline:none;transition:border-color .2s;font-family:var(--font-d);color:var(--ink)}.code-input.filled,.code-input:focus{border-color:var(--green)}.code-input.filled{background:var(--green-pale);color:var(--green)}.tfa-note{font-size:12px;color:var(--ink3);text-align:center;line-height:1.6}.tfa-note a{color:var(--green);cursor:pointer;font-weight:600}.tfa-timer{font-size:12px;color:var(--ink3);text-align:center;margin-top:.5rem}.tfa-timer span{font-weight:700;color:var(--amber)}.back-link{display:inline-flex;align-items:center;gap:.4rem;font-size:13px;color:var(--ink3);cursor:pointer;background:none;border:none;font-family:var(--font-b);margin-bottom:1.5rem;padding:0;transition:color .2s}.back-link:hover{color:var(--ink)}.progress-track{width:100%;height:3px;background:var(--line);border-radius:2px;margin-top:1.5rem;overflow:hidden}.progress-fill{height:100%;width:0;background:var(--green);border-radius:2px;transition:width 1.8s ease}@media(max-width:768px){.auth-wrap{grid-template-columns:1fr}.auth-left{display:none}.auth-right{align-items:flex-start;padding:3rem 1.25rem 2rem}.auth-box{max-width:100%}}