* { box-sizing: border-box; }
body { margin: 0; background: var(--ap-color-bg); color: var(--ap-color-text); font-family: var(--ap-font); font-size: 14px; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
.mt-4 { margin-top: 24px; }
.w-100 { width: 100%; }
.ap-auth-body { min-height: 100vh; display: grid; place-items: center; background: radial-gradient(circle at top, rgba(232,0,79,.08), transparent 34%), var(--ap-color-bg); }
.ap-auth-card { width: min(420px, calc(100% - 32px)); background: var(--ap-color-surface); border: 1px solid var(--ap-color-border); border-radius: 22px; box-shadow: var(--ap-shadow-md); padding: 34px; }
.ap-auth-logo { font-weight: 900; color: var(--ap-color-primary); font-size: 28px; letter-spacing: -.04em; margin-bottom: 24px; text-align: center; }
.ap-auth-card h1 { margin: 0 0 8px; font-size: 26px; }
.ap-auth-card p { color: var(--ap-color-muted); margin-bottom: 24px; }
.ap-hp { position: absolute; left: -10000px; width: 1px; height: 1px; opacity: 0; }