:root{--pink:#c72d67;--wine:#8d1c47;--soft:#ffe9f1;--cream:#fffaf8;--ink:#21181c;--muted:#78676e;--line:#eadde2}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:linear-gradient(145deg,#fff,var(--soft))}
a{color:var(--wine)}.club-header{height:86px;padding:0 max(24px,5vw);display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.82);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.club-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font:600 22px Georgia}.club-brand img{width:54px;height:54px;object-fit:contain}.back-link{text-decoration:none;font-weight:700;font-size:13px}
.club-shell{min-height:calc(100vh - 136px);max-width:1180px;margin:auto;padding:65px 28px;display:grid;grid-template-columns:1fr 510px;gap:70px;align-items:center}
.club-intro h1{font:500 64px/1.05 Georgia;margin:16px 0 22px;max-width:620px}.club-intro h1 em{color:var(--pink);font-weight:500}.club-intro p{font-size:19px;line-height:1.7;color:var(--muted);max-width:590px}
.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:900;color:var(--wine)}.benefits{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}.benefits div{min-width:135px;padding:18px;border:1px solid rgba(199,45,103,.15);background:rgba(255,255,255,.68);border-radius:18px;text-align:center}.benefits strong{display:block;color:var(--pink);font-size:28px}.benefits span{font-size:12px;font-weight:800;color:var(--muted)}
.auth-card{background:#fff;border:1px solid var(--line);border-radius:30px;padding:30px;box-shadow:0 28px 80px rgba(111,34,65,.13)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f8f1f4;border-radius:14px;padding:4px;margin-bottom:22px}.auth-tab{border:0;background:transparent;border-radius:11px;padding:11px;font-weight:800;cursor:pointer}.auth-tab.active{background:#fff;box-shadow:0 3px 14px rgba(0,0,0,.06);color:var(--pink)}
.social-btn{width:100%;min-height:52px;border-radius:13px;border:1px solid var(--line);background:#fff;margin:8px 0;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px}.social-btn span{font-size:20px}.social-btn small{font-size:10px;color:var(--muted);font-weight:600}
.or{height:42px;display:flex;align-items:center;justify-content:center;color:#a08e96;font-size:11px}.or:before,.or:after{content:"";height:1px;background:var(--line);flex:1}.or span{padding:0 12px}
.field{display:flex;flex-direction:column;gap:7px;margin-bottom:13px}.field label{font-size:12px;font-weight:800}.field label small{font-weight:500;color:var(--muted)}.field input{border:1px solid var(--line);border-radius:12px;padding:12px 13px;outline:none}.field input:focus{border-color:#dc82a6;box-shadow:0 0 0 3px rgba(199,45,103,.08)}
.consent{display:flex;gap:10px;align-items:flex-start;margin:13px 0;font-size:12px;line-height:1.45;color:var(--muted)}.consent input{margin-top:2px;width:17px;height:17px;accent-color:var(--pink)}.consent.required span:before{content:"";}.primary-btn{width:100%;border:0;border-radius:13px;padding:14px;background:var(--pink);color:#fff;font-weight:900;margin-top:10px;cursor:pointer}.primary-btn:hover{filter:brightness(.96)}.text-btn{border:0;background:transparent;color:var(--wine);font-weight:800;cursor:pointer;padding:10px}
.message{font-size:12px;line-height:1.5;margin-top:12px}.message.ok{color:#267348}.message.error{color:#a8203a}.hidden{display:none!important}
.account-head{display:flex;justify-content:space-between;align-items:start}.account-head h2{font:500 34px Georgia;margin:6px 0 8px}.account-email{font-size:13px;color:var(--muted);padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--line)}.privacy-note{font-size:11px;color:var(--muted);line-height:1.5}
footer{text-align:center;height:50px;color:var(--muted);font-size:12px;padding:17px}
@media(max-width:900px){.club-shell{grid-template-columns:1fr;gap:35px;padding-top:40px}.club-intro{text-align:center}.club-intro h1{font-size:48px;margin-left:auto;margin-right:auto}.club-intro p{margin:auto}.benefits{justify-content:center}}
@media(max-width:560px){.club-header{padding:0 15px}.club-brand span{display:none}.back-link{font-size:11px}.club-shell{padding:30px 14px}.club-intro h1{font-size:40px}.auth-card{padding:20px;border-radius:22px}.benefits div{min-width:95px;padding:13px}}

.account-lead{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.55;max-width:370px}
