.wrap{max-width:1200px;margin:0 auto;padding:0 var(--o5-edge)}
.strength-ic{width:44px;height:44px;border-radius:14px;color:#fff;display:inline-flex;align-items:center;justify-content:center;flex:none}
.strength-ic svg{width:20px;height:20px}
.join-card{position:relative;overflow:hidden;text-align:center;padding:56px 40px;border-radius:var(--o5-r-xl);background:linear-gradient(125deg,#1a1a1a 0%,#3a1a12 55%,#d62133 130%)}
.join-card::before{content:'';position:absolute;width:360px;height:360px;right:-100px;top:-140px;border-radius:50%;background:radial-gradient(circle,rgba(255,111,60,0.45),transparent 70%);pointer-events:none}
.join-card>*{position:relative;z-index:1}
.join-card h2{font-family:var(--o5-display);font-size:clamp(26px,3.4vw,34px);font-weight:800;letter-spacing:-0.02em;color:#fff;margin:0 0 14px}
.join-card p{font-size:15px;color:rgba(255,255,255,0.82);line-height:1.6;margin:0 0 26px;max-width:52ch;margin-inline:auto}
.join-btn{display:inline-flex;appearance:none;border:0;background:#fff;color:#d62133;font-family:var(--o5-display);font-weight:800;font-size:14px;padding:14px 30px;border-radius:999px;cursor:pointer;transition:background .15s,color .15s}
.join-btn:hover{background:var(--o5-accent);color:#fff}
.h2c{text-align:center;font-family:var(--o5-display);font-size:clamp(24px,3vw,32px);font-weight:800;letter-spacing:-0.02em;margin:0 0 12px}
.social-init{width:36px;height:36px;border-radius:50%;background:var(--o5-surface-2);display:inline-flex;align-items:center;justify-content:center;font-family:var(--o5-display);font-size:10.5px;font-weight:800;color:var(--o5-ink);transition:background .15s,color .15s}
.social-init:hover{background:var(--o5-accent);color:#fff}
.pay-chip{padding:7px 14px;border:1px solid var(--o5-line);border-radius:999px;font-size:11.5px;font-weight:700;color:var(--o5-ink2);background:var(--o5-surface);font-family:var(--o5-display)}
.contact-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.contact-list a{font-size:14px;color:var(--o5-ink2)}
.contact-list a:hover{color:var(--o5-accent)}
.v2-hero{border-radius:var(--o5-r-xl);border:1px solid var(--o5-line);background:linear-gradient(135deg,#fff1e9,#ffe0d0);padding:56px 40px;text-align:center}
.v2-hero h1{font-family:var(--o5-display);font-size:clamp(36px,5.5vw,58px);font-weight:800;letter-spacing:-0.03em;color:var(--o5-ink);margin:0 0 8px}
.v2-hero .sub{font-family:var(--o5-display);font-size:17px;font-weight:700;color:#d62133;margin:0;opacity:0;transform:translateY(6px) scale(.98);letter-spacing:.03em;transition:opacity .4s ease,transform .4s cubic-bezier(.22,.61,.36,1),letter-spacing .4s ease}
.v2-hero:hover .sub{opacity:1;transform:translateY(0) scale(1);letter-spacing:normal}
.v2-bento{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:auto;gap:16px;margin-top:20px}
.v2-tile{background:var(--o5-surface);border:1px solid var(--o5-line);border-radius:18px;padding:24px;transition:transform .2s ease,box-shadow .2s ease}
.v2-tile:hover{transform:translateY(-3px);box-shadow:0 18px 32px -18px rgba(0,0,0,0.16)}
.v2-tile.is-wide{grid-column:span 2}
.v2-tile.is-full{grid-column:span 3}
.v2-tile p{font-size:14px;line-height:1.7;color:var(--o5-ink2);margin:0 0 10px}
.v2-tile p:last-child{margin-bottom:0}
.v2-stat b{display:block;font-family:var(--o5-display);font-size:34px;font-weight:800;color:#d62133;letter-spacing:-0.02em}
.v2-stat span{font-size:13px;color:var(--o5-ink2)}
.v2-tile .strength-ic{margin-bottom:12px}
.v2-tile h3{font-family:var(--o5-display);font-size:15px;font-weight:800;margin:0 0 6px;letter-spacing:-0.01em}
.v2-bento .join-card{grid-column:span 3}
@media (max-width:800px){.v2-bento{grid-template-columns:1fr 1fr}.v2-bento .join-card,.v2-tile.is-full{grid-column:span 2}}
@media (max-width:560px){.v2-bento{grid-template-columns:1fr}.v2-tile.is-wide,.v2-tile.is-full,.v2-bento .join-card{grid-column:span 1}}
</style>
<style>
.sid-overlay{position:fixed;inset:0;background:rgba(20,20,20,0.5);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:200}
.sid-overlay.is-open{opacity:1;pointer-events:auto}
.sid-drawer{position:fixed;top:0;right:0;bottom:0;width:min(460px,92vw);background:var(--o5-surface);box-shadow:-30px 0 70px -24px rgba(0,0,0,0.35);transform:translateX(100%);transition:transform .38s cubic-bezier(.22,.61,.36,1);z-index:201;display:flex;flex-direction:column}
.sid-drawer.is-open{transform:translateX(0)}
.sid-scroll{overflow-y:auto;flex:1}
.sid-close{position:absolute;top:20px;right:20px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,0.35);background:rgba(255,255,255,0.16);color:#fff;display:inline-flex;align-items:center;justify-content:center;z-index:5;transition:background .15s;cursor:pointer}
.sid-close:hover{background:rgba(255,255,255,0.3)}
.sid-hero{background:#d62133;color:#fff;padding:56px 36px 30px;position:relative;overflow:hidden}
.sid-hero::before{content:'';position:absolute;width:260px;height:260px;right:-110px;top:-130px;background:radial-gradient(circle,rgba(255,255,255,0.22),transparent 70%);border-radius:50%;pointer-events:none}
.sid-hero>*:not(.sid-close){position:relative;z-index:1}
.sid-eyebrow{font-size:10px;font-weight:800;letter-spacing:0.2em;text-transform:uppercase;color:rgba(255,255,255,0.9);display:block}
.sid-hero h2{font-family:var(--o5-display);font-size:26px;font-weight:800;letter-spacing:-0.02em;line-height:1.1;margin:12px 0 10px;color:#fff}
.sid-hero p{font-size:13.5px;color:rgba(255,255,255,0.88);line-height:1.55;margin:0}
.sid-perks{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}
.sid-perks li{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:#fff}
.sid-perks li svg{flex:none;margin-top:2px}
.sid-form{padding:28px 36px 36px;background:var(--o5-surface)}
.sid-intro{font-size:13.5px;color:var(--o5-ink2);line-height:1.5;margin:0 0 14px}
.sid-sso-list{display:flex;gap:8px}
.sid-sso{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;min-width:0;padding:11px 14px;border:1px solid var(--o5-line);border-radius:999px;background:var(--o5-surface);font-size:13px;font-weight:700;color:var(--o5-ink);cursor:pointer;text-decoration:none;transition:border-color .15s}
.sid-sso.is-compact{flex:0 0 auto;width:46px;padding:0;gap:0;aspect-ratio:1/1}
.sid-sso.is-compact .lbl{display:none}
.sid-sso:hover{border-color:var(--o5-ink)}
.sid-sso .ico{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;flex:none}
.sid-lg-google{width:16px;height:16px;background:conic-gradient(from -45deg,#ea4335 0deg 90deg,#fbbc04 90deg 180deg,#34a853 180deg 270deg,#4285f4 270deg 360deg);border-radius:50%;mask:radial-gradient(circle,transparent 26%,#000 27%) center/contain no-repeat;-webkit-mask:radial-gradient(circle,transparent 26%,#000 27%) center/contain no-repeat}
.sid-lg-apple svg{width:14px;height:16px}
.sid-or{display:block;font-size:13px;color:var(--o5-ink2);line-height:1.5;margin:20px 0 16px}
.sid-fields{display:flex;flex-direction:column;gap:12px}
.sid-field{display:block;width:100%;padding:14px 20px;border:1px solid var(--o5-line);border-radius:999px;background:var(--o5-surface);font-family:var(--o5-display);font-size:14px;font-weight:600;color:var(--o5-ink);outline:none;transition:border-color .15s;box-sizing:border-box}
.sid-field:focus{border-color:var(--o5-ink)}
.sid-field::placeholder{color:var(--o5-ink3);font-weight:500}
.sid-pwd{position:relative}
.sid-pwd input{padding-right:48px}
.sid-pwd .eye{position:absolute;top:50%;right:16px;transform:translateY(-50%);background:transparent;border:0;padding:0;color:var(--o5-ink2);cursor:pointer}
.sid-forgot{align-self:flex-end;display:inline-block;margin-top:2px;font-size:11.5px;font-weight:700;color:#d62133;text-decoration:none}
.sid-forgot:hover{color:#b91c2c}
.sid-toggle{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:6px;border-radius:999px;background:var(--o5-surface-2);margin-top:18px}
.sid-toggle-btn{padding:13px 18px;border:0;border-radius:999px;background:transparent;font-family:var(--o5-display);font-size:13.5px;font-weight:800;color:var(--o5-ink2);cursor:pointer;transition:background .18s,color .18s,box-shadow .18s}
.sid-toggle-btn:hover{color:var(--o5-ink)}
.sid-toggle-btn.is-on{background:#d62133;color:#fff;box-shadow:0 6px 14px -8px rgba(214,33,51,0.45)}
.sid-foot{margin:22px 0 0;font-size:13px;color:var(--o5-ink2);text-align:center}
.sid-foot a{color:#d62133;font-weight:800}
@media (max-width:520px){.sid-hero{padding:52px 26px 26px}.sid-form{padding:24px 26px 30px}}