:root{--bg:#f4f0e8;--surface:#ffffffbd;--surface-strong:#fffdfa;--text:#5f5548;--text-strong:#1f1a14;--muted:#8b7c6a;--border:#523c221f;--accent:#1d7a6d;--accent-strong:#14574e;--accent-soft:#d9f0ea;--gold:#d9a441;--shadow:0 20px 60px #271c101f;--radius-xl:28px;--radius-lg:20px;--radius-md:14px;--sans:Georgia, "Times New Roman", serif;--ui:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif}*{box-sizing:border-box}html{font-size:16px}body{min-width:320px;color:var(--text);font-family:var(--ui);background:radial-gradient(circle at 0 0,#1d7a6d33,#0000 32%),radial-gradient(circle at 100% 100%,#d9a4412e,#0000 28%),linear-gradient(#f7f4ee 0%,#efe8dd 100%);margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}#root{max-width:1200px;min-height:100vh;margin:0 auto;padding:20px}.toast-stack{z-index:1200;gap:12px;width:min(360px,100vw - 32px);display:grid;position:fixed;top:28px;right:28px}.toast{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #523c2224;border-radius:20px;gap:6px;padding:16px 18px;animation:.26s toast-in;display:grid;box-shadow:0 22px 44px #271c102e}.toast strong{color:var(--text-strong);font-size:.92rem}.toast span{line-height:1.55}.toast--success{background:#e1f7f0f0}.toast--error{background:#ffefebf5}.toast--info{background:#f6f0e4f5}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}h1,h2,h3{color:var(--text-strong);font-family:var(--sans);margin:0}p{margin:0}.navbar{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);border-radius:999px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;padding:16px 20px;display:flex}.navbar__brand,.navbar__links,.navbar__actions{align-items:center;gap:14px;display:flex}.navbar__brand-copy{gap:4px;display:grid}.navbar__logo-mark{object-fit:cover;background:linear-gradient(#f0e0b7,#fff6da);border:3px solid #b47b283d;border-radius:22px;width:74px;height:74px;padding:4px;box-shadow:0 18px 34px #5c411a33}.navbar__logo{font-family:var(--sans);color:var(--text-strong);font-size:1.45rem;font-weight:700}.navbar__tag,.navbar__user{color:var(--muted);font-size:.95rem}.button{background:linear-gradient(135deg, var(--accent) 0%, #249886 100%);color:#fff;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 12px 24px #1d7a6d38}.button:hover{transform:translateY(-1px)}.button--ghost{color:var(--text-strong);border:1px solid var(--border);box-shadow:none;background:0 0}.button--small{width:fit-content;padding:10px 14px}.button--danger{background:linear-gradient(135deg,#a03d2f 0%,#cf5d4c 100%);box-shadow:0 12px 24px #a03d2f33}.auth-layout{grid-template-columns:1.05fr .95fr;align-items:stretch;gap:24px;display:grid}.auth-panel{border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow);padding:38px}.auth-panel--intro{color:#ffffffdb;background:linear-gradient(160deg,#0a2a27eb,#165f55d9),linear-gradient(#0f302e,#174a45);flex-direction:column;justify-content:space-between;min-height:520px;display:flex}.auth-panel--warm{background:linear-gradient(160deg,#3d2b15eb,#b78127c7),linear-gradient(#614221,#b47b28)}.auth-panel--intro h2,.auth-panel--intro strong,.auth-panel--intro .eyebrow{color:#fff}.auth-panel--form{background:var(--surface-strong)}.eyebrow{color:var(--gold);letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px;font-size:.82rem;font-weight:700;display:inline-flex}.auth-panel h2,.page-hero h2{margin-bottom:14px;font-size:clamp(2rem,4vw,3.4rem);line-height:1}.auth-panel p,.page-hero p{color:inherit;max-width:42rem;line-height:1.65}.feature-strip,.role-cards{gap:14px;margin-top:28px;display:grid}.feature-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-strip>div,.role-card{border-radius:var(--radius-lg);background:#ffffff14;border:1px solid #ffffff24;padding:16px}.founder-card{border-radius:var(--radius-lg);background:#fff8eb1f;border:1px solid #ffffff1f;grid-template-columns:140px 1fr;align-items:center;gap:18px;margin-top:26px;padding:18px;display:grid}.founder-card__image{object-fit:cover;object-position:top center;filter:saturate(.96)contrast(1.02)sepia(.08);border:3px solid #ffe9c561;border-radius:26px;width:140px;height:160px;box-shadow:0 18px 32px #170f0738}.founder-card span{color:#fff5e5d1;margin-top:8px;line-height:1.6;display:block}.feature-strip span,.role-card span{color:#ffffffbd;margin-top:6px;line-height:1.5;display:block}.auth-form{gap:14px;margin-top:20px;display:grid}.auth-form input,.auth-form select,.auth-form textarea{border-radius:var(--radius-md);width:100%;color:var(--text-strong);background:#fff;border:1px solid #523c2226;outline:none;padding:14px 16px}.auth-form input:focus,.auth-form select:focus,.auth-form textarea:focus{border-color:#1d7a6d8c;box-shadow:0 0 0 4px #1d7a6d1f}.page{gap:24px;display:grid}.dashboard-toolbar,.action-row,.form-split,.meta-row,.section-card__header,.panel-card__header{gap:14px;display:flex}.page-hero{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow);justify-content:space-between;align-items:end;gap:20px;padding:30px;display:flex}.hero-badge{border-radius:var(--radius-lg);background:linear-gradient(145deg, var(--accent-soft), #f5fcf9);text-align:center;min-width:150px;padding:18px}.hero-badge strong{color:var(--accent-strong);font-size:2rem;display:block}.course-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;display:grid}.panel-grid,.stats-grid,.content-columns{gap:18px;display:grid}.panel-grid,.content-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.course-card{background:var(--surface-strong);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);gap:14px;padding:22px;display:grid}.course-card__top{justify-content:space-between;align-items:center;gap:12px;display:flex}.course-card__price{color:var(--accent-strong);font-weight:700}.pill{background:var(--accent-soft);color:var(--accent-strong);border-radius:999px;padding:7px 12px;font-size:.82rem;font-weight:700;display:inline-flex}.meta-row,.section-card__header,.panel-card__header{justify-content:space-between;align-items:center}.action-row,.dashboard-toolbar{flex-wrap:wrap}.panel-card,.section-card,.notice{background:var(--surface-strong);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:24px}.panel-card{gap:18px;display:grid}.panel-card--narrow{max-width:760px}.stack-list,.mini-list,.meta-list{gap:14px;display:grid}.notice{background:#fffdfae6}.notice--error{color:#8b2f23;border-color:#a03d2f40}.notice--success{color:var(--accent-strong);border-color:#1d7a6d40}.checkbox-row{color:var(--text-strong);align-items:center;gap:12px;display:flex}.checkbox-row input{width:auto}.content-block{border-radius:var(--radius-md);border:1px solid var(--border);background:#f4f0e8ad;gap:16px;padding:18px;display:grid}.compact-form{margin-top:6px}.section-card{gap:18px;display:grid}.mini-card{border-radius:var(--radius-md);border:1px solid var(--border);background:#ffffffd1;gap:6px;padding:16px;display:grid}.mini-card--link:hover{border-color:#1d7a6d59}.meta-list{border-radius:var(--radius-md);border:1px solid var(--border);background:#f4f0e88c;padding:18px}.stat-card h3{font-size:2rem}@media (width<=900px){#root{padding:14px}.navbar{border-radius:28px;flex-direction:column;align-items:stretch}.navbar__brand,.navbar__links,.navbar__actions{flex-wrap:wrap;justify-content:center}.toast-stack{top:16px;right:16px}.founder-card{grid-template-columns:1fr}.founder-card__image{width:100%;height:280px}.auth-layout{grid-template-columns:1fr}.auth-panel{padding:24px}.feature-strip{grid-template-columns:1fr}.page-hero{flex-direction:column;align-items:start}.panel-grid,.content-columns{grid-template-columns:1fr}.form-split,.meta-row,.section-card__header,.panel-card__header{flex-direction:column;align-items:stretch}}