.auth-page { min-height: 100vh; display: grid; grid-template-columns: minmax(340px, .9fr) minmax(420px, 1.1fr); }
.auth-panel { padding: 40px clamp(24px, 6vw, 90px); display: flex; flex-direction: column; justify-content: center; background: #fff; }
.auth-aside { padding: 50px clamp(28px, 7vw, 90px); display: flex; flex-direction: column; justify-content: space-between; color: #fff; background: radial-gradient(circle at 70% 20%, rgba(237,186,57,.18), transparent 32%), linear-gradient(145deg, var(--forja-navy), var(--forja-blue)); }
.auth-aside h1 { max-width: 620px; margin: 0; font-size: clamp(2.6rem, 5vw, 5rem); line-height: .98; letter-spacing: -.045em; }
.auth-aside p { max-width: 590px; color: rgba(255,255,255,.78); line-height: 1.75; }
.auth-card { width: min(460px, 100%); margin: 0 auto; }
.auth-panel:has(#signup-form) .auth-card { width: min(560px, 100%); }
.auth-card h2 { margin: 0; color: var(--forja-navy); font-size: 2.1rem; }
.auth-card > p { margin: 10px 0 26px; color: var(--muted); line-height: 1.6; }
.auth-form { display: grid; gap: 16px; }
.auth-links { margin-top: 18px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; color: var(--forja-mid-blue); font-size: .84rem; font-weight: 750; }
.demo-login-grid { margin-top: 24px; padding-top: 20px; display: grid; gap: 10px; border-top: 1px solid var(--border); }
.demo-login-grid p { margin: 0 0 4px; color: var(--muted); font-size: .8rem; }
@media (max-width: 850px) { .auth-page { grid-template-columns: 1fr; }.auth-aside { min-height: 330px; }.auth-panel { padding-block: 54px; } }
.checkout-account-page{min-height:100vh;background:#f2f6fa;color:var(--forja-navy)}
.checkout-account-header{min-height:76px;padding:14px clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;background:var(--forja-navy);color:#fff;border-bottom:3px solid var(--forja-yellow)}
.checkout-account-header a{display:flex;align-items:center;gap:12px;color:#fff;font-weight:900;letter-spacing:.16em}.checkout-account-header img{width:48px}.checkout-account-header small{display:block;color:var(--forja-yellow);font-size:.62rem}
.checkout-account-main{width:min(1080px,calc(100% - 32px));margin:0 auto;padding:64px 0 80px;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,480px);gap:64px;align-items:center}
.checkout-account-intro h1{max-width:600px;margin:10px 0 18px;font-size:clamp(2.5rem,5vw,4.8rem);line-height:.98}.checkout-account-intro>p{max-width:600px;color:var(--muted);font-size:1.08rem;line-height:1.7}
.checkout-account-intro ol{margin:32px 0 0;padding:0;display:grid;gap:12px;list-style:none}.checkout-account-intro li{padding:14px 18px;border:1px solid var(--border);border-radius:14px;background:#fff;font-weight:800}.checkout-account-intro li.done:before{content:'✓';color:#18844d;margin-right:10px}.checkout-account-intro li.active{border-color:#1871ad;background:#eaf5fc}.checkout-account-intro li.active:before{content:'3';margin-right:10px;color:#1871ad}
.checkout-account-card{padding:34px}.checkout-account-card h2{margin:8px 0;font-size:2rem}.checkout-account-card label{display:grid;gap:7px;font-weight:800}.checkout-account-card label small{color:var(--muted);font-weight:500}.button-block{width:100%}.checkout-account-card .error-state,.checkout-account-card .success-state{margin-top:16px}
.checkout-account-card .locked-email{background:#e8edf2;color:#536171;border-color:#c7d0da;cursor:not-allowed}.locked-field-note{float:right;color:#64748b;font-size:.74rem;font-weight:700}@media(max-width:820px){.checkout-account-header>span{display:none}.checkout-account-main{grid-template-columns:1fr;gap:30px;padding-top:36px}.checkout-account-intro h1{font-size:2.6rem}.checkout-account-card{padding:24px}}
.email-confirmation-status{margin:20px 0;padding:18px;border:1px solid #b9d3e4;border-radius:10px;background:#eef7fc;color:#18384f}.email-confirmation-status p{margin:0 0 8px}.email-confirmation-status small{display:block;color:#607184;line-height:1.45}
