:root{--ink: #0a0a0a;--paper: #fbfbfa;--accent: #0ea5e9;--accent-ink: #ffffff;--display-font: "Sora", sans-serif;--body-font: "Open Sans", sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--paper);font-family:var(--body-font);color:var(--ink);padding:24px}#hero{position:relative;width:min(560px,100%);min-height:320px;border-radius:10px;border:1px solid rgba(10,10,10,.12);padding:clamp(28px,5vw,44px) clamp(24px,6vw,40px);overflow:hidden;background-color:#f4f6f8;background-image:url(/assets/faded-office-CRcza7a5.png);background-image:image-set(url(/assets/faded-office-BI_d7RBQ.webp) type("image/webp"),url(/assets/faded-office-CRcza7a5.png) type("image/png"));background-size:cover;background-position:right center;box-shadow:0 24px 60px -30px #0a0a0a59;animation:rise .6s ease-out both}#hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,var(--paper) 0%,rgba(251,251,250,.94) 32%,rgba(251,251,250,.55) 58%,rgba(251,251,250,.15) 78%);z-index:0}#hero>*{position:relative;z-index:1}.eyebrow{margin:0 0 10px;font-family:var(--body-font);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}#title{margin:0 0 14px;font-family:var(--display-font);font-weight:700;font-size:clamp(30px,5.5vw,42px);line-height:1.08;letter-spacing:-.01em}.pg{margin:0 0 22px;max-width:34ch;font-weight:400;font-size:clamp(15px,2.4vw,17px);line-height:1.55;color:#2b2b2b}.underline{box-shadow:inset 0 -.32em 0 var(--accent)}#join-btn{background-color:var(--accent);color:var(--accent-ink);border:none;border-radius:6px;padding:12px 24px;font-family:var(--body-font);font-weight:700;font-size:15px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}#join-btn:hover,#join-btn:focus-visible{background-color:#0284c7;transform:translateY(-1px);box-shadow:0 10px 20px -8px #0ea5e999}#join-btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}#join-btn:active{transform:translateY(0)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 520px){#hero{background-position:80% center}#hero:before{background:linear-gradient(180deg,#fbfbfaf7,#fbfbfaf7 55%,#fbfbfabf)}}@media (prefers-reduced-motion: reduce){#hero{animation:none}}