:root{--bg:#f6f8fb;--surface:#fff;--surface-strong:#f8fafc;--ink:#102033;--muted:#637083;--line:#dbe4ee;--teal:#0f766e;--teal-dark:#115e59;--coral:#f97357;--amber:#f8b84e;--blue:#2563eb;--shadow:0 18px 50px #1422361f}*{box-sizing:border-box}html{background:var(--bg)}body{color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.site-shell{background:linear-gradient(#fbfefd 0%,#f6f8fb 45%,#eef7ff 100%);min-height:100vh}.welcome-page{min-height:100vh;padding:22px clamp(16px,3vw,42px) 34px}.landing-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd6;border:1px solid #dbe4eee6;border-radius:8px;grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:18px;max-width:1440px;margin:0 auto 28px;padding:12px;display:grid;box-shadow:0 14px 42px #14223614}.landing-brand .brand-mark{background:linear-gradient(135deg,#d9f99d,#99f6e4)}.landing-links{align-items:center;gap:6px;display:flex}.landing-links a,.nav-cta,.landing-actions a{text-decoration:none}.landing-links a{color:#425166;border-radius:8px;align-items:center;min-height:40px;padding:0 12px;font-weight:700;display:inline-flex}.landing-links a:hover{color:var(--teal-dark);background:#ecfeff}.nav-cta{color:#fff;background:#102033;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-weight:850;display:inline-flex}.landing-hero{grid-template-columns:minmax(0,.95fr) minmax(360px,.78fr);align-items:center;gap:clamp(22px,4vw,58px);max-width:1440px;min-height:calc(100vh - 118px);margin:0 auto;display:grid}.landing-copy{min-width:0}.bright-pill{color:#fff;background:#102033;border-color:#102033;box-shadow:0 12px 26px #10203326}.landing-copy h1{max-width:900px;margin-bottom:22px;font-size:clamp(44px,7vw,88px);line-height:.95}.landing-copy p{color:#425166;max-width:700px;margin-bottom:28px;font-size:20px;line-height:1.65}.landing-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:28px;display:flex}.big-button{min-height:54px;padding-inline:22px;font-size:16px}.social-proof{grid-template-columns:repeat(3,minmax(110px,150px));gap:12px;display:grid}.social-proof>div{background:#ffffffb8;border:1px solid #dbe4eee6;border-radius:8px;padding:14px}.social-proof strong,.social-proof span{display:block}.social-proof strong{font-size:24px}.social-proof span{color:var(--muted);font-size:13px}.hero-photo-stack{min-height:620px;position:relative}.hero-photo-card{background:#fff;border:1px solid #ffffffd6;border-radius:8px;overflow:hidden;box-shadow:0 30px 80px #10203333}.hero-photo-card img,.photo-story img{object-fit:cover;width:100%;display:block}.main-photo{height:580px}.main-photo img{height:100%}.main-photo>div,.photo-story>div{color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#102033bd;border-radius:8px;padding:14px;position:absolute;bottom:16px;left:16px;right:16px}.hero-photo-card,.photo-story{position:relative}.main-photo span,.photo-story span{color:#ffffffd1;margin-top:4px;font-size:13px;display:block}.floating-card{z-index:2;color:#102033;border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:10px;min-height:54px;padding:0 14px;font-weight:850;display:inline-flex;position:absolute;box-shadow:0 18px 45px #10203329}.top-floating{top:44px;left:-28px}.bottom-floating{bottom:88px;right:-22px}.photo-story-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1440px;margin:-18px auto 22px;display:grid}.photo-story{background:#fff;border:1px solid #fff;border-radius:8px;height:238px;overflow:hidden;box-shadow:0 18px 50px #1020331a}.photo-story img{height:100%}.landing-tools{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1440px;margin:0 auto;display:grid}.landing-tool-card{border:1px solid var(--line);background:#fff;border-radius:8px;align-content:start;gap:10px;min-height:172px;padding:18px;display:grid;box-shadow:0 18px 50px #10203312}.landing-tool-card svg{color:var(--teal-dark)}.landing-tool-card strong{font-size:18px}.landing-tool-card span{color:var(--muted);line-height:1.5}.student-energy{color:#fff;background:#102033;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;max-width:1440px;margin:18px auto 0;padding:24px;display:grid;overflow:hidden}.student-energy h2{margin-bottom:0;font-size:clamp(28px,4vw,48px)}.student-energy .eyebrow{color:#99f6e4}.energy-list{gap:10px;min-width:260px;display:grid}.energy-list>div{background:#ffffff1a;border-radius:8px;align-items:center;gap:10px;min-height:46px;padding:0 14px;display:flex}.dashboard-section{padding:34px clamp(16px,3vw,42px) 42px}.section-heading{max-width:1440px;margin:0 auto 18px}.section-heading h2{margin-bottom:0;font-size:clamp(30px,4vw,52px)}.embedded-dashboard{border:1px solid var(--line);border-radius:8px;max-width:1440px;margin:0 auto;overflow:hidden;box-shadow:0 24px 70px #1020331f}.embedded-dashboard .sidebar{height:auto}.app-shell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;gap:24px;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}.brand,.brand-mark,.nav-list a,.topbar,.top-actions,.search-box,.status-pill,.hero-actions,.panel-header,.panel-header>div,.upload-zone,.file-row,.job-row,.security-row{align-items:center;display:flex}.brand{gap:12px}.brand-mark{width:48px;height:48px;color:var(--teal-dark);background:#d9f99d;border-radius:14px;justify-content:center}.brand strong,.brand span{display:block}.brand span,.mini-card span,.metric-card span,.metric-card small,.file-row span,.job-row span,.idea-list span,.muted{color:var(--muted)}.nav-list{gap:6px;display:grid}.nav-list a{color:var(--muted);border-radius:8px;gap:10px;min-height:44px;padding:12px;text-decoration:none}.nav-list a.active,.nav-list a:hover{color:var(--teal-dark);background:#ecfeff}.mini-card,.panel,.metric-card,.focus-card{background:var(--surface);border:1px solid var(--line);border-radius:8px}.plan-card{justify-content:space-between;margin-top:auto;padding:14px}.workspace{min-width:0;padding:26px}.topbar{justify-content:space-between;gap:18px;margin-bottom:24px}.eyebrow{color:var(--teal);font-size:13px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:34px}h2{max-width:680px;font-size:38px;line-height:1.04}h3{margin-bottom:8px}.top-actions{gap:10px}.search-box{background:var(--surface);border:1px solid var(--line);border-radius:8px;gap:8px;width:min(360px,36vw);min-height:44px;padding:0 12px}.search-box input,.prompt-box input,.idea-box textarea{width:100%;color:var(--ink);background:0 0;border:0;outline:0}.icon-button{border:1px solid var(--line);background:var(--surface);width:44px;height:44px;color:var(--ink);border-radius:8px;place-items:center;display:inline-grid}.hero-grid{grid-template-columns:minmax(0,1fr) 300px;gap:18px;margin-bottom:18px;display:grid}.study-hero{min-height:390px;box-shadow:var(--shadow);background:linear-gradient(120deg,#fffffff0,#ffffffbd),radial-gradient(circle at 85% 12%,#f9735738,#0000 32%),linear-gradient(135deg,#e5fbf6,#fff7ed 52%,#edf5ff);border:1px solid #b7e4da;border-radius:8px;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:24px;padding:32px;display:grid;position:relative;overflow:hidden}.hero-copy{align-self:center}.hero-copy p{color:#425166;max-width:620px;font-size:17px;line-height:1.65}.status-pill{width:max-content;color:var(--teal-dark);background:#fff;border:1px solid #99f6e4;border-radius:999px;gap:8px;margin-bottom:18px;padding:8px 12px;font-weight:800}.primary-button,.secondary-button{border:0;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 16px;font-weight:800;display:inline-flex}.primary-button{background:var(--teal);color:#fff}.secondary-button{color:var(--teal-dark);background:#fff;border:1px solid #99f6e4}.compact{min-height:38px;padding:0 12px}.photo-panel{background-color:#0000;background-image:linear-gradient(#1020330a,#10203385),url(/assets/generated/student-desk.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #fffc;border-radius:8px;align-items:flex-end;min-height:320px;padding:16px;display:flex}.photo-note{color:#fff;background:#0f172a9e;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:inline-flex}.focus-card{color:#fff;background:#111827;flex-direction:column;justify-content:space-between;min-height:390px;padding:22px;display:flex}.focus-card p{color:#cbd5e1;line-height:1.5}.timer-ring{background:conic-gradient(var(--amber) 72%, #ffffff24 0);color:#111827;border-radius:50%;place-items:center;width:132px;height:132px;margin-bottom:22px;font-weight:900;display:grid;box-shadow:inset 0 0 0 15px #111827}.timer-ring span{color:#fff;font-size:38px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.metric-card{padding:18px}.metric-icon{width:38px;height:38px;color:var(--teal-dark);background:#eefdf9;border-radius:8px;place-items:center;margin-bottom:14px;display:grid}.metric-card strong{margin:4px 0;font-size:24px;display:block}.content-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;display:grid}.panel{min-height:260px;padding:18px}.drive-panel,.tutor-panel,.feedback-panel,.admin-panel,.content-grid>.panel:not(.drive-panel):not(.tutor-panel):not(.feedback-panel):not(.admin-panel){grid-column:span 3}.panel-header{justify-content:space-between;gap:12px;margin-bottom:16px}.panel-header>div{gap:9px}.panel-header button,.mode-grid button,.tool-grid button{border:1px solid var(--line);background:var(--surface-strong);min-height:36px;color:var(--ink);border-radius:8px;padding:0 10px}.upload-zone{background:#f0fdfa;border:1px dashed #67c4b8;border-radius:8px;justify-content:space-between;gap:14px;min-height:86px;margin-bottom:14px;padding:16px}.upload-zone span,.file-row span,.job-row span,.idea-list span{font-size:13px;display:block}.file-list,.job-list,.idea-list{gap:10px;display:grid}.file-row,.job-row{border:1px solid var(--line);background:var(--surface-strong);border-radius:8px;gap:12px;padding:12px}.file-row>div,.job-row>div{flex:1;min-width:0}.file-row strong,.job-row strong{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.accent-icon{color:var(--coral)}.chat-bubble{border-radius:8px;padding:14px;line-height:1.5}.chat-bubble.assistant{background:#f0f7ff;border:1px solid #bfdbfe}.mode-grid,.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0;display:grid}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-grid button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.prompt-box,.idea-box{border:1px solid var(--line);background:#fff;border-radius:8px;gap:10px;padding:10px;display:flex}.idea-box{display:grid}.idea-box textarea{resize:vertical;min-height:96px}.idea-list>div{border-top:1px solid var(--line);padding:10px 0}.admin-grid{grid-template-columns:1fr auto;gap:12px;margin-bottom:18px;display:grid}.admin-grid span{color:var(--muted)}.security-row{color:var(--teal-dark);background:#ecfdf5;border:1px solid #bbf7d0;border-radius:8px;gap:10px;padding:12px}@media (max-width:1120px){.landing-nav,.landing-hero,.student-energy{grid-template-columns:1fr}.landing-links{flex-wrap:wrap;order:3;grid-column:1/-1}.hero-photo-stack{min-height:520px}.main-photo{height:500px}.photo-story-grid,.landing-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.hero-grid,.study-hero,.metric-grid{grid-template-columns:1fr 1fr}.content-grid,.drive-panel,.tutor-panel,.feedback-panel,.admin-panel,.content-grid>.panel:not(.drive-panel):not(.tutor-panel):not(.feedback-panel):not(.admin-panel){grid-column:span 6}}@media (max-width:760px){.welcome-page{padding-inline:14px}.landing-nav{flex-direction:column;align-items:stretch;display:flex}.landing-copy h1{font-size:42px}.landing-copy p{font-size:17px}.social-proof,.photo-story-grid,.landing-tools{grid-template-columns:1fr}.hero-photo-stack{min-height:430px}.main-photo{height:410px}.floating-card{margin-top:10px;position:relative;inset:auto}.workspace{padding:16px}.topbar,.top-actions,.hero-grid,.study-hero,.metric-grid,.tool-grid{flex-direction:column;grid-template-columns:1fr;align-items:stretch}h1{font-size:28px}h2{font-size:31px}.search-box{width:100%}}