@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#0c1114;--panel:#141b1f;--line:#293237;--gold:#dfb976;--muted:#a5b0b6;--text:#f2f3f1}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 'DM Sans',Arial,sans-serif}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.sidebar{width:236px;position:fixed;inset:0 auto 0 0;background:#0a1013;border-right:1px solid var(--line);padding:35px 23px;display:flex;flex-direction:column}.brand{display:block;color:var(--gold);margin:0 17px 48px}.brand small{display:block;font-size:12px;letter-spacing:5px}.brand strong{font:italic 800 54px/.95 'Manrope',sans-serif;letter-spacing:-5px}.brand strong span{font-size:32px;margin-left:7px}.side-label,.eyebrow{font-size:12px;font-weight:600;letter-spacing:2px;color:var(--muted)}.side-label{margin:0 14px 14px}nav a{display:flex;gap:14px;align-items:center;padding:11px 14px;margin-bottom:6px;font-size:14px;border-radius:7px;color:#b0bac0}nav a.active{background:#29261f;color:var(--gold)}nav a:hover{background:#1e272c}nav .symbol{font-size:20px;width:23px;text-align:center}.side-bottom{margin-top:auto;padding:20px 13px 0}.purpose{color:var(--gold);font:22px/1.35 Georgia,serif;margin-bottom:25px}.side-bottom a{font-size:14px}.side-bottom p{font-size:12px;color:#89959c;margin:20px 0 0}.workspace{margin-left:236px}header{height:84px;padding:0 44px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}header>div{display:flex;align-items:center;gap:18px}#current{font-size:14px}.header-sep{color:#515d64}.header-actions{gap:23px}.user-avatar,.avatar{border:1px solid #756349;background:#322c23;color:var(--gold);border-radius:50%;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.icon-button{position:relative;border:0;background:none;color:var(--text);font-size:26px}.badge{position:absolute;top:0;right:-8px;background:var(--gold);color:#171714;border-radius:50%;font:11px/17px Arial;width:17px}main{max-width:1440px;margin:auto;padding:34px 44px 60px}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.25}h1{font-size:30px;letter-spacing:-1px;margin:4px 0 10px}h2{font-size:21px;margin:0 0 18px}h3{font-size:18px;margin:0 0 10px}p{margin:0 0 15px}.muted{color:var(--muted)}.greeting{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.greeting p{font-size:14px;margin:0}.pill{display:inline-flex;border:1px solid #5d5039;border-radius:30px;color:var(--gold);padding:5px 12px;font-size:12px;letter-spacing:.5px}.hero{position:relative;overflow:hidden;background:linear-gradient(110deg,#26312f,#202725 58%,#413725);border:1px solid #494837;border-radius:12px;padding:35px 36px;margin-bottom:28px;min-height:249px}.hero:after{content:'F2T';position:absolute;right:25px;bottom:-55px;color:#dfb9760b;font:italic 800 240px Manrope;letter-spacing:-24px;pointer-events:none}.hero .eyebrow{color:var(--gold)}.hero h2{font-size:34px;max-width:580px;margin:13px 0}.hero p{max-width:510px;color:#c6cfcb;font-size:15px}.hero>*{position:relative;z-index:1}.btn{border:1px solid var(--line);border-radius:6px;padding:10px 17px;background:#20292e;color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:14px;font-weight:600}.btn.gold{background:var(--gold);border-color:var(--gold);color:#171a19}.btn:hover{filter:brightness(1.12)}.btn.small{padding:7px 12px}.section-head{display:flex;justify-content:space-between;align-items:center;margin:28px 0 17px;gap:12px}.section-head h2{margin:0}.text-link{font-size:14px;color:var(--gold)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.two-col{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr);gap:25px}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}.card-body{padding:20px}.course-cover{height:145px;background:linear-gradient(125deg,#424332,#1a2726);position:relative;padding:22px;display:flex;flex-direction:column;justify-content:space-between}.course-cover.blue{background:linear-gradient(125deg,#2c414b,#17242d)}.course-cover.brown{background:linear-gradient(125deg,#5c4230,#28241e)}.course-cover small{font-size:11px;letter-spacing:2px;color:#dfd6bc}.course-cover strong{font-family:Manrope;font-size:24px;line-height:1.1;max-width:210px}.course-cover .play{position:absolute;right:20px;bottom:20px;border:1px solid #ffffff50;border-radius:50%;width:32px;height:32px;text-align:center;font-size:13px;line-height:30px}.meta{font-size:13px;color:var(--muted)}.progress{height:4px;border-radius:3px;background:#303b40;margin:15px 0 8px}.progress span{height:100%;display:block;background:var(--gold)}.row{display:flex;align-items:center;gap:13px}.between{justify-content:space-between}.agenda-row{display:flex;gap:16px;padding:20px;border-bottom:1px solid var(--line)}.agenda-row:last-child{border-bottom:0}.date{width:53px;flex-shrink:0;text-align:center;border:1px solid #4c4739;border-radius:7px;padding:5px;color:var(--gold)}.date strong{font:700 24px Manrope;display:block}.date small{font-size:11px}.agenda-row p{font-size:14px;margin:4px 0 8px}.agenda-row h3{font-size:15px;margin:0}.community-preview{padding:24px}.community-preview p{font-size:15px}.divider{height:1px;background:var(--line);margin:18px 0}.big-number{font:700 30px Manrope;color:var(--gold)}.intro{margin-bottom:27px;max-width:800px}.intro .eyebrow{color:var(--gold)}.toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.toolbar button.active{border-color:var(--gold);color:var(--gold)}input,textarea,select{background:#0c1317;border:1px solid #3b464d;border-radius:6px;color:var(--text);padding:11px 13px;width:100%}label{display:block;font-size:14px;margin:15px 0 7px}textarea{resize:vertical;min-height:100px}.mentor-mark{height:140px;background:linear-gradient(135deg,#303c3b,#191f23);display:flex;align-items:center;justify-content:center;font:500 48px Georgia;color:var(--gold)}.stack{display:grid;gap:18px}.post{padding:25px}.post .row{margin-bottom:17px}.post h3{font-size:15px;margin:0}.post p{white-space:pre-wrap}.post button{background:transparent;color:var(--muted);border:0;font-size:14px}.post button.liked{color:var(--gold)}.notice{border-left:2px solid var(--gold);padding:15px 20px;background:#22241f;margin-bottom:17px;font-size:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.wide{grid-column:1/-1}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:25px}.stats .card{padding:20px}.stats p{font-size:14px;color:var(--muted);margin:4px 0}.lesson-surface{aspect-ratio:16/9;background:#080c0f;display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid var(--line);border-radius:9px;padding:25px;margin-bottom:20px}.lesson-surface strong{font-size:24px}.lesson-surface p{font-size:14px;color:var(--muted);max-width:420px;margin:10px auto}.lesson-row{display:block;width:100%;text-align:left;padding:16px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);font-size:14px}.lesson-row.selected{background:#2c2b22;color:var(--gold)}dialog{background:var(--panel);color:var(--text);border:1px solid #566066;border-radius:12px;max-width:640px;width:calc(100% - 32px);padding:34px;max-height:85vh}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.close{position:absolute;right:14px;top:8px;background:none;border:0;color:var(--text);font-size:28px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--gold);color:#111;padding:13px 22px;border-radius:8px;display:none;z-index:20;max-width:90vw}footer{border-top:1px solid var(--line);padding:23px 44px;font-size:12px;color:var(--gold);display:flex;gap:23px;flex-wrap:wrap}footer span,footer small{color:var(--muted)}footer small{margin-left:auto}.proposal{max-width:900px}.proposal section{margin:25px 0}.proposal li{margin:10px 0;color:#c1c9cd}table{border-collapse:collapse;width:100%;font-size:14px}td,th{padding:13px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.reference{width:100%;height:auto;border-radius:8px}.empty{padding:30px;text-align:center;color:var(--muted)}@media(min-width:1600px){main{padding-top:46px}.course-cover{height:180px}}@media(max-width:1100px){.sidebar{width:200px;padding:30px 15px}.workspace{margin-left:200px}main{padding:28px}header{padding:0 28px}.two-col{grid-template-columns:1fr}.grid{gap:12px}.card-body{padding:16px}.hero h2{font-size:30px}}@media(max-width:760px){.sidebar{position:static;width:100%;padding:15px 18px;border-right:0;border-bottom:1px solid var(--line)}.brand{margin:0 0 17px}.brand strong{font-size:35px}.brand small{font-size:10px;letter-spacing:3px}.brand strong span{font-size:20px}.side-label,.side-bottom{display:none}nav{display:flex;overflow:auto;gap:7px}nav a{white-space:nowrap;padding:8px 10px;margin:0}nav .symbol{display:none}.workspace{margin-left:0}header{height:62px;padding:0 20px}header .eyebrow, .header-sep{display:none}main{padding:25px 20px 40px}.greeting{align-items:flex-start;gap:10px}.greeting .pill{display:none}h1{font-size:26px}.hero{padding:25px;min-height:0}.hero h2{font-size:28px}.hero:after{font-size:180px}.grid,.stats{grid-template-columns:1fr}.two-col{grid-template-columns:1fr}.course-cover{height:170px}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.section-head{align-items:baseline}.section-head h2{font-size:19px}footer{padding:20px}footer small{margin:0}.table-wrap{overflow:auto}.header-actions{gap:15px}}@media print{.sidebar,header,footer,.no-print{display:none}.workspace{margin:0}body{background:white;color:black}main{padding:0}.card,.notice{background:white;border:1px solid #bbb}.muted,.proposal li{color:#333}.proposal{max-width:none}.eyebrow,h2,.big-number{color:#806027}section{break-inside:avoid}}
/* Member area: fluid cards, touch targets and readable forms. */
.workspace,.workspace main,.workspace .card,.workspace .row>div{min-width:0}
.workspace p,.workspace h1,.workspace h2,.workspace h3,.workspace td{overflow-wrap:anywhere}
.workspace input,.workspace select,.workspace textarea{font-size:16px}
.table-wrap{overflow-x:auto}
@media(min-width:761px) and (max-width:1100px){.workspace .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace header{padding:0 24px}}
@media(max-width:760px){
 .sidebar nav a{min-height:44px;display:flex;align-items:center}
 .sidebar nav{padding-bottom:5px;scrollbar-width:thin}
 .sidebar .brand{margin-bottom:12px}.sidebar .brand img{width:110px;height:auto}
 .workspace header{height:auto;min-height:68px;padding:12px 20px;gap:12px;flex-wrap:wrap}
 .workspace .header-actions{gap:12px;margin-left:auto}.workspace .header-actions>a.meta{font-size:11px}
 .workspace .btn,.workspace button,.workspace .icon-button{min-height:44px}
 .workspace main{padding:24px 18px 40px}
 .workspace .toolbar{flex-wrap:wrap}.workspace .toolbar>*{max-width:100%}
 .workspace .row.between{flex-wrap:wrap}
 .workspace footer{gap:14px;flex-wrap:wrap;padding:22px 18px}
 .workspace .form-grid>*{min-width:0}
 .profile-actions{align-items:stretch}.profile-actions>*{flex:1 1 220px;text-align:center;justify-content:center}
 dialog{padding:28px 20px;max-height:calc(100dvh - 32px)}
 dialog .close{min-width:44px;min-height:44px}
 #toast{max-width:calc(100vw - 32px);box-sizing:border-box}
}
@media(max-width:380px){.workspace header>div:first-child{font-size:13px}.workspace .header-actions{width:100%;justify-content:flex-end}.workspace .hero h2{font-size:27px}}

/* Community participates in the member home, using the same feed. */
.home-community{margin:24px 0 36px}
.home-community>.section-head{gap:16px;flex-wrap:wrap}
.home-community .section-head h2{margin-top:6px}
.home-community .two-col{align-items:start}
.home-community-aside{align-content:start}
.home-community .post p{white-space:pre-wrap}
@media(max-width:760px){.home-community>.section-head{align-items:flex-start}.home-community .post{padding:18px}.home-community .two-col{gap:20px}}