@import url('site.css');

body{background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}
.topbar{height:74px;padding:0 max(24px,calc((100vw - 1180px)/2));background:rgba(247,245,239,.96);border-bottom:1px solid rgba(23,35,29,.15);box-shadow:none}
.topbar-logo{color:var(--ink);font-size:21px;letter-spacing:-.8px}.topbar-logo i{display:inline-block;width:10px;height:10px;background:var(--lime);border:2px solid var(--ink);border-radius:50%;margin-right:7px}.topbar-logo .dot{color:inherit}.topbar-home{color:var(--muted);font-weight:600}.topbar-home:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.page-wrap{min-height:calc(100vh - 74px);max-width:1180px;margin:0 auto;border-left:1px solid var(--line);border-right:1px solid var(--line)}
.info-panel{background:var(--forest);padding:64px 58px;position:relative;overflow:hidden}.info-panel::after{content:'MEMBER ACCESS';position:absolute;right:-26px;top:90px;transform:rotate(90deg);font-size:10px;letter-spacing:2px;color:#789286}.info-headline{font-family:'Newsreader',serif;font-size:clamp(42px,5vw,60px);font-weight:600;line-height:.98;letter-spacing:-1.5px;max-width:530px;margin-bottom:24px}.info-desc{color:#c3d2ca;opacity:1;max-width:520px}.info-features{display:grid;grid-template-columns:1fr 1fr;gap:4px 22px;max-width:560px}.info-features li{font-size:13px;color:#dbe6e0;opacity:1}.info-features li::before,.plan-card-features li::before{color:var(--lime)}.plans-title{color:var(--lime);opacity:1;letter-spacing:1.3px}.plans-grid{max-width:560px}.plan-card{background:rgba(255,255,255,.055);border:1px solid #547064;border-radius:0}.plan-badge{border-radius:100px}.plan-badge-free{background:var(--lime);color:var(--ink)}.plan-badge-biz{background:var(--orange);color:var(--ink)}.info-notice{background:rgba(217,255,99,.08);border:1px solid #668054;border-radius:0}.info-disclaimer{color:#aabdb3;opacity:1}
.form-panel{width:440px;background:var(--paper);padding:48px 38px}.card{background:var(--white);border:1px solid var(--ink);border-radius:0;box-shadow:9px 9px 0 var(--lime);padding:42px 36px;max-width:370px}.card-logo{font-family:'Newsreader',serif;font-size:42px;font-weight:600;letter-spacing:-1px;color:var(--ink);line-height:1}.card-tagline{color:var(--muted);margin-top:9px}.field label{font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:#536059}.field input{border:1px solid #b9c1ba;border-radius:4px;padding:12px;color:var(--ink);background:#fff}.field input:focus{border-color:var(--forest);box-shadow:0 0 0 3px rgba(23,62,49,.12)}.btn{background:var(--forest);border-radius:4px;padding:13px}.btn:hover{background:var(--ink)}.footer-links{color:var(--muted)}.footer-links a{color:var(--forest);text-underline-offset:3px}.error,.pending-box,.suspended-box{border-radius:0}
@media(max-width:900px){.info-panel{padding:50px 36px}.info-features{grid-template-columns:1fr}.plans-grid{grid-template-columns:1fr}}
@media(max-width:700px){.topbar{height:64px;padding:0 16px}.page-wrap{min-height:calc(100vh - 64px);border:0}.info-panel{padding:44px 22px}.info-headline{font-size:43px}.plans-grid{grid-template-columns:1fr 1fr}.form-panel{padding:34px 20px 55px}.card{padding:34px 25px;box-shadow:6px 6px 0 var(--lime)}}
@media(max-width:430px){.plans-grid{grid-template-columns:1fr}}
