:root{--accent:#16c8d6;--accent-strong:#08a9bb;--accent-soft:#dffbfb;--bg:#fbf4e4;--border:#eadfca;--highlight:#f7c948;--muted:#6f756f;--navy:#10283f;--navy-deep:#081827;--shadow:0 18px 45px #0818271f;--soft:#f6ead3;--text:#424844;--text-h:#10283f;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #16c8d657}main{min-height:100vh}.app-shell{background:radial-gradient(circle at top right, #16c8d62e, transparent 34rem), linear-gradient(135deg, #fff9ed 0%, var(--bg) 52%, #f6ead3 100%)}.app-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;background:#10283ff5;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:18px;min-height:74px;padding:14px clamp(18px,4vw,56px);display:flex;position:sticky;top:0}.menu-toggle{color:#fff;background:#16c8d624;border:1px solid #16c8d652;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:none}button,a,input,select,textarea{font:inherit}button,a{min-height:42px}button{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.62}.brand,.app-nav,.hero-actions,.panel-header,.post-meta,.post-actions,.comment-meta,.comment-form,.admin-heading{align-items:center;display:flex}.brand{color:#fff;background:0 0;border:0;gap:10px;min-height:42px;padding:0;font-weight:800}.brand-mark{background:var(--accent);color:var(--navy-deep);border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.app-nav,.hero-actions{gap:12px}.app-nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;display:flex}.app-nav button{color:#ffffffd1;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:7px;padding:9px 12px;font-weight:800;display:inline-flex}.app-nav button.active,.app-nav button:hover:not(:disabled){color:#fff;background:#16c8d624;border-color:#16c8d657}.app-nav button.active{box-shadow:inset 0 0 0 1px #16c8d66b}.page-view{width:min(1180px,100%);min-height:calc(100vh - 74px);margin:0 auto;padding:clamp(24px,5vw,54px) clamp(18px,4vw,56px)}.home-view,.two-column-view{grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:start;gap:32px;display:grid}.home-side{gap:14px;display:grid}.home-view{align-items:center}.hero-copy{max-width:710px}.eyebrow,.section-label{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:800}.hero-copy h1,.section-intro h1,.locked-card h1,.feed-header h1{color:var(--text-h);max-width:840px;margin:0 0 22px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.45rem,5vw,4.8rem);line-height:.98}.hero-copy p:not(.eyebrow){color:var(--text);max-width:650px;font-size:1.08rem}.hero-points{color:var(--text-h);gap:8px;margin:22px 0 0;padding-left:20px;display:grid}.hero-points li::marker{color:var(--accent)}.hero-actions{flex-wrap:wrap;margin-top:30px}.primary-button,.secondary-button,.ghost-button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:10px 16px;font-weight:800;display:inline-flex}.text-button{color:var(--accent);text-align:left;background:0 0;border:0;min-height:32px;padding:0;font-weight:800}.primary-button{background:var(--accent);color:var(--navy-deep);box-shadow:0 12px 24px #16c8d638}.secondary-button,.ghost-button{border-color:var(--border);color:var(--text-h);background:#ffffffd1}.login-panel,.sidebar-card,.post,.admin-panel,.composer,.app-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#fffaeff0;border-radius:8px}.login-panel{align-self:start;gap:16px;padding:22px;display:grid}.panel-header{color:var(--text-h);gap:10px;font-weight:800}label{color:var(--text-h);gap:7px;font-size:.88rem;font-weight:700;display:grid}input{border:1px solid var(--border);color:var(--text-h);background:#fff;border-radius:8px;min-width:0;padding:12px 13px}select,textarea{border:1px solid var(--border);color:var(--text-h);background:#fff;border-radius:8px;min-width:0}select{padding:11px 13px}textarea{resize:vertical;padding:12px 13px;line-height:1.45}.full-width{width:100%}.fine-print{color:var(--muted);font-size:.84rem}.auth-form,.profile-form,.session-card{gap:14px;display:grid}.auth-tabs{background:#10283f14;border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.auth-tabs button{color:var(--muted);background:0 0;border:0;border-radius:6px;min-height:38px;font-weight:800}.auth-tabs button.active{color:var(--text-h);box-shadow:var(--shadow);background:#fff}.form-error,.form-message{border-radius:8px;margin:0;padding:10px 12px;font-size:.86rem;font-weight:700}.form-error{color:#991b1b;background:#fee2e2}.form-message{background:var(--accent-soft);color:var(--navy)}.session-card{background:#10283f0f;border-radius:8px;padding:14px}.session-card strong{color:var(--text-h)}.session-card span{color:var(--muted);overflow-wrap:anywhere}.profile-summary{border:1px solid var(--border);background:#fff;border-radius:8px;gap:7px;padding:12px;display:grid}.profile-summary span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.76rem;font-weight:800}.profile-summary strong{color:var(--text-h)}.profile-summary p{color:var(--text);margin:0 0 6px}.home-sections,.steps-panel,.billing-panel{align-items:start;gap:28px;width:min(1180px,100%);margin:0 auto;padding:34px clamp(18px,4vw,56px);display:grid}.home-sections,.billing-panel{grid-template-columns:minmax(0,1fr) 390px}.steps-panel{background:var(--soft);border-block:1px solid var(--border);grid-template-columns:minmax(0,.82fr) minmax(280px,1fr);width:100%;max-width:none;padding-inline:max(clamp(18px,4vw,56px),50vw - 534px)}.section-intro h2,.billing-panel h2{font-size:clamp(1.8rem,3vw,2.7rem)}.section-intro p,.billing-panel p{color:var(--text);max-width:660px}.benefit-grid,.access-steps{gap:12px;display:grid}.benefit-card{border:1px solid var(--border);background:#fffaeff0;border-radius:8px;gap:10px;padding:16px;display:grid}.benefit-card svg{color:var(--accent)}.benefit-card p{color:var(--text);margin:0}.access-steps{counter-reset:access-step;margin:0;padding:0;list-style:none}.access-steps li{border:1px solid var(--border);color:var(--text-h);background:#fffaeff0;border-radius:8px;align-items:center;gap:12px;padding:14px;font-weight:800;display:flex}.access-steps li:before{background:var(--accent);color:var(--navy-deep);content:counter(access-step);counter-increment:access-step;border-radius:999px;flex:0 0 30px;justify-content:center;align-items:center;width:30px;height:30px;font-size:.9rem;display:inline-flex}.billing-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#fffaeff0;border-radius:8px;gap:14px;padding:18px;display:grid}.billing-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;padding-bottom:12px;display:flex}.billing-row span{color:var(--muted);font-size:.9rem}.billing-row strong{color:var(--text-h);text-align:right}.billing-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.community-layout{grid-template-columns:230px minmax(0,1fr) 290px;gap:22px;display:grid}.sidebar,.feed,.admin-panel,.member-panel{min-width:0}.sidebar-section,.tool-list{gap:8px;display:grid}.channel-button,.tool-list button,.composer button{color:var(--text-h);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px 12px;display:flex}.channel-button:hover,.channel-button.active,.tool-list button:hover,.composer button:hover{border-color:var(--border);background:#16c8d61f}.channel-button strong{background:var(--accent-soft);color:var(--navy);border-radius:999px;padding:2px 7px;font-size:.78rem}.sidebar-card{box-shadow:none;gap:8px;margin-top:20px;padding:16px;display:grid}.member-panel{align-self:start;gap:10px;padding:16px;display:grid}.member-panel strong{color:var(--text-h)}.member-panel span{color:var(--muted);overflow-wrap:anywhere}.sidebar-card span,.stat span,.post-meta span,.post-actions{color:var(--muted);font-size:.86rem}.feed{gap:14px;display:grid}.feed-header{justify-content:space-between;align-items:center;gap:16px;display:flex}h2,h3{color:var(--text-h);margin:0}.composer{box-shadow:none;grid-template-columns:minmax(0,1fr) 42px 42px;align-items:start;gap:8px;padding:10px;display:grid}.composer-fields{gap:8px;min-width:0;display:grid}.composer button{justify-content:center;padding:0}.post{box-shadow:none;gap:12px;padding:18px;display:grid}.post-meta{justify-content:space-between}.post-meta div{gap:2px;display:grid}.pin{background:var(--accent-soft);color:var(--navy);border-radius:999px;align-items:center;gap:5px;padding:5px 9px;font-size:.78rem;font-weight:800;display:inline-flex}.post p{color:var(--text);margin:0}.post-actions{border-top:1px solid var(--border);gap:16px;padding-top:12px}.reaction-button,.comment-toggle{border:1px solid var(--border);color:var(--text-h);background:#fff;border-radius:999px;align-items:center;gap:7px;min-height:38px;padding:7px 11px;font-size:.88rem;font-weight:800;display:inline-flex}.reaction-button:hover,.reaction-button.active,.comment-toggle:hover{background:var(--accent-soft);border-color:#16c8d66b}.reaction-button.active{color:var(--accent-strong)}.reaction-button span{background:var(--accent);color:var(--navy-deep);text-align:center;border-radius:999px;min-width:22px;padding:1px 6px;font-size:.72rem}.comments-panel{background:#10283f0a;border-radius:8px;gap:10px;padding:12px;display:grid}.comment{border:1px solid var(--border);background:#ffffffdb;border-radius:8px;gap:5px;padding:10px 12px;display:grid}.comment-meta{color:var(--muted);justify-content:space-between;gap:8px;font-size:.78rem}.comment-meta strong{color:var(--text-h)}.comment p,.comment-empty{color:var(--text);margin:0}.comment-empty{font-size:.88rem}.comment-form{grid-template-columns:minmax(0,1fr) auto;gap:8px}.comment-form input{min-height:42px}.empty-state{background:var(--soft);border:1px dashed var(--border);color:var(--muted);border-radius:8px;margin:0;padding:16px;font-weight:700}.locked-card{background:var(--navy);box-shadow:var(--shadow);border:1px solid #ffffff1f;border-radius:8px;gap:12px;padding:clamp(22px,4vw,34px);display:grid}.locked-card svg{color:var(--accent)}.locked-card h1,.locked-card h2{color:#fff;max-width:760px;font-size:clamp(1.8rem,4vw,3rem)}.locked-card p:not(.eyebrow){color:#ffffffc7;max-width:720px}.admin-panel{box-shadow:none;align-self:start;gap:18px;padding:18px;display:grid}.admin-heading{gap:10px}.stats-grid{gap:10px;display:grid}.stat{background:var(--soft);border-radius:8px;gap:2px;padding:12px;display:grid}.stat strong{color:var(--text-h);font-size:1.35rem}.tool-list button{justify-content:flex-start}@media (width<=980px){.home-view,.two-column-view,.home-sections,.steps-panel,.billing-panel,.community-layout{grid-template-columns:1fr}.steps-panel{padding-inline:clamp(18px,4vw,56px)}.login-panel{width:auto;max-width:460px}.sidebar{order:0}.admin-panel{order:3}}@media (width<=640px){.app-header{flex-flow:wrap;align-items:center}.menu-toggle{display:inline-flex}.app-nav{flex-basis:100%;width:100%;display:none}.app-nav.open{gap:8px;display:grid}.app-nav button{justify-content:flex-start;width:100%;min-height:48px}.feed-header{flex-direction:column;align-items:stretch}.hero-actions,.primary-button,.secondary-button,.ghost-button{width:100%}.billing-actions{grid-template-columns:1fr}.post-meta{flex-direction:column;align-items:flex-start;gap:10px}.post-actions{flex-direction:column;align-items:stretch}.reaction-button,.comment-toggle{justify-content:center;width:100%}.comment-form{grid-template-columns:1fr;align-items:stretch}.composer{grid-template-columns:minmax(0,1fr)}.composer button{width:100%;min-height:42px}}