.auth-page{min-height:100vh;display:grid;place-items:center;background:#030606;position:relative;overflow:hidden}
.auth-page::before{content:"";position:absolute;inset:0;background-image:url('../images/bg-treinon.png');background-size:cover;background-position:center;opacity:.32}
.auth-page::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 0%,rgba(0,0,0,.24) 54%,rgba(0,0,0,.72) 100%)}
.auth-card{position:relative;z-index:1;width:min(1180px,94vw);display:grid;grid-template-columns:1.1fr .9fr;background:rgba(7,10,10,.88);border:1px solid rgba(255,255,255,.08);border-radius:36px;overflow:hidden;backdrop-filter:blur(10px);box-shadow:0 34px 70px rgba(0,0,0,.44)}
.auth-hero{padding:52px;position:relative;background:linear-gradient(145deg,rgba(6,10,9,.58),rgba(7,9,10,.2))}.auth-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(88,221,134,.12),transparent 40%);pointer-events:none}.auth-hero-inner{position:relative;z-index:1;max-width:560px}.auth-logo{display:block;max-width:360px;width:100%;margin:28px 0 24px}.auth-hero h1{font-size:50px;line-height:1.01;letter-spacing:-.04em;margin:0 0 16px}.auth-hero p{max-width:520px;color:#c4cec9;font-size:18px;line-height:1.76}.hero-badge{display:inline-flex;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);font-size:12px;letter-spacing:.16em;text-transform:uppercase}.auth-feature-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.auth-feature-list span{display:inline-flex;padding:10px 14px;border-radius:999px;background:rgba(88,221,134,.1);border:1px solid rgba(88,221,134,.18);color:#d8ffe5;font-size:13px}
.auth-form{padding:44px;display:grid;align-content:center;gap:18px;background:linear-gradient(180deg,rgba(9,13,14,.94) 0%,rgba(6,9,9,.96) 100%)}.auth-form-header h2{margin:6px 0 10px;font-size:42px;letter-spacing:-.03em}.auth-form-header p{margin:0;color:#9ea9a4;line-height:1.6}.form-kicker{display:inline-block;color:#8e9a94;font-size:12px;letter-spacing:.18em;text-transform:uppercase}.auth-form label{display:grid;gap:8px}.auth-form span{color:#c7d3cd;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.login-hint{color:#8fa29a;font-size:14px}.inline-error{padding:12px 14px;border-radius:14px;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.24)}
@media(max-width:960px){.auth-card{grid-template-columns:1fr}.auth-hero{padding:34px}.auth-hero h1{font-size:38px}.auth-form-header h2{font-size:32px}}