.education-page { background:#090d0b; }
.edu { --bg:#090d0b; --surface:#111a15; --surface2:#17231b; --line:#2a3a30; --text:#f4f8f3; --muted:#a7b8aa; --green:#30d158; color:var(--text); background:var(--bg); font-family:'Nunito Sans',sans-serif; }
.edu * { box-sizing:border-box; }
.edu a { color:inherit; text-decoration:none; }
.edu button,.edu input,.edu textarea,.edu select { font:inherit; }
.edu button { cursor:pointer; }
.edu :focus-visible { outline:3px solid #76ee96; outline-offset:3px; }
.edu-wrap { width:min(1180px,calc(100% - 40px)); margin-inline:auto; }
.edu h1,.edu h2,.edu h3,.edu p { margin-top:0; }
.edu h1,.edu h2,.edu h3 { font-family:Montserrat,sans-serif; letter-spacing:-.045em; }
.edu h1 { font-size:clamp(2.8rem,6vw,5.8rem); line-height:1.05; font-weight:700; }
.edu h2 { font-size:clamp(2rem,3.3vw,3.2rem); line-height:1.14; }
.edu h3 { font-size:1.15rem; }
.edu p { line-height:1.7; color:var(--muted); }
.edu-kicker,.edu-card-label { color:#78e696; letter-spacing:.16em; text-transform:uppercase; font-size:.72rem; font-weight:800; }
.edu-subnav { position:relative; top:auto; z-index:45; background:rgba(11,16,12,.95); border-bottom:1px solid var(--line); backdrop-filter:blur(15px); }
.edu-subnav .edu-wrap { min-height:58px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.edu-brand { font-family:Montserrat,sans-serif; font-size:1rem; font-weight:800; letter-spacing:-.05em; white-space:nowrap; }
.edu-brand span { color:var(--green); }.edu-brand b { margin-left:9px; padding-left:12px; border-left:1px solid #5e7162; font-size:.82rem; letter-spacing:0; }
.edu-subnav .edu-wrap>div { display:flex; gap:25px; }.edu-subnav .edu-wrap>div a { font-size:.9rem; color:#cbd9ce; font-weight:700; }.edu-subnav a:hover { color:var(--green); }
.edu-hero { padding:105px 0 95px; background:radial-gradient(ellipse at 75% 28%,#183e28 0%,transparent 43%),linear-gradient(150deg,#101a14,#090d0b 70%); border-bottom:1px solid var(--line); }
.edu-hero-grid { display:grid; grid-template-columns:1.1fr .9fr; align-items:center; gap:70px; }.edu-hero h1 { margin:20px 0 24px; }.edu-hero h1 em { font-style:normal; color:var(--green); }.edu-hero p { font-size:1.17rem; max-width:610px; }.edu-actions { display:flex; align-items:center; flex-wrap:wrap; gap:13px; margin:34px 0; }.edu-btn { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:47px; border-radius:10px; padding:11px 19px; font-weight:800; border:1px solid transparent; transition:transform .2s,background .2s; }.edu-btn:hover { transform:translateY(-2px); }.edu-btn-primary { background:var(--green); color:#08130c!important; }.edu-btn-primary:hover { background:#6cec88; }.edu-btn-outline { border-color:#6a8a71; background:transparent; color:#eaf5eb!important; }.edu-btn-outline:hover { background:#1c2b20; }.edu-text-link { display:inline-flex; border:0; padding:8px 0; color:#80e99a!important; background:transparent; font-weight:800; }.edu-text-link:hover { text-decoration:underline; }.edu-hero-note { color:#9caea0; font-size:.83rem; }
.edu-hero-panel { border:1px solid #426b4a; border-radius:22px; background:linear-gradient(140deg,#1b3021,#101a15); box-shadow:0 30px 90px #0008; padding:30px; transform:rotate(1deg); }.edu-panel-top { display:flex; align-items:center; gap:10px; color:#9fbd9f; font-weight:800; letter-spacing:.12em; font-size:.7rem; }.edu-panel-top span:last-child { margin-left:auto; }.edu-live-dot { width:8px; height:8px; border-radius:50%; background:var(--green); box-shadow:0 0 18px var(--green); }.edu-panel-example { margin-top:30px; padding:18px; border-radius:14px; background:#102017; border:1px solid #31523b; }.edu-panel-example span { color:#86dd9b; font-size:.72rem; font-weight:900; letter-spacing:.12em; }.edu-panel-example p { color:#eef8ef; font-size:1.04rem; margin:8px 0 0; line-height:1.55; }.edu-panel-agent { margin-left:45px; background:#203729; }.edu-panel-bottom { display:flex; gap:7px; flex-wrap:wrap; margin-top:23px; }.edu-panel-bottom span { border:1px solid #3b6245; border-radius:30px; padding:5px 12px; color:#bbdfc3; font-size:.73rem; }
.edu-section { padding:90px 0; border-bottom:1px solid var(--line); }.edu-section-head { max-width:720px; margin-bottom:38px; }.edu-section-head h2 { margin:14px 0 14px; }.edu-section-head p { font-size:1.06rem; }.edu-level-section { background:#0e1711; }.edu-level-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }.edu-level { display:flex; align-items:center; justify-content:space-between; gap:12px; text-align:left; min-height:90px; padding:19px; background:#142219; color:#e7f3e9; border:1px solid #2a4430; border-radius:12px; font-weight:800; }.edu-level:hover,.edu-level.active { border-color:var(--green); background:#1d3925; }.edu-level.active:after { content:'Selected'; color:#96efa9; font-size:.67rem; margin-left:auto; }.edu-level.active i { display:none; }.edu-selection-note { margin:20px 0 0; font-size:.85rem; }
.edu-agent-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:17px; margin-bottom:28px; }.edu-agent-card { overflow:hidden; background:var(--surface); border:1px solid var(--line); border-radius:18px; }.edu-agent-card>img { display:block; width:100%; height:225px; object-fit:cover; object-position:center 22%; background:#27352c; }.edu-agent-card>div { padding:22px; }.edu-agent-card h2,.edu-agent-card h3 { margin:8px 0; font-size:1.2rem; }.edu-agent-card p { min-height:50px; font-size:.9rem; }.edu-card-links { display:flex; gap:20px; flex-wrap:wrap; font-size:.86rem; font-weight:800; }.edu-card-links a:first-child { color:#7beb99; }.edu-card-links a:hover { text-decoration:underline; }
.edu-subject-section { background:#0e1711; }.edu-subject-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }.edu-subject { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:83px; padding:18px; background:#142119; border:1px solid #304434; border-radius:11px; font-weight:800; }.edu-subject:hover { border-color:var(--green); background:#1a3120; }.edu-subject i { color:var(--green); }
.edu-split { display:grid; grid-template-columns:1fr 1fr; gap:90px; align-items:center; }.edu-split h2 { margin:15px 0 20px; }.edu-split p { font-size:1.07rem; }.edu-steps { border-left:1px solid #3d5b43; padding-left:30px; }.edu-steps>div { padding:0 0 23px; }.edu-steps b { display:inline-block; color:#69da83; width:42px; }.edu-steps span { font-weight:900; font-size:1.05rem; }.edu-steps p { margin:6px 0 0 42px; font-size:.92rem; }
.edu-tool-section { background:#0e1711; }.edu-tool-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.edu-tool-card { display:block; min-height:230px; padding:25px; border:1px solid var(--line); border-radius:16px; background:#142219; }.edu-tool-card:hover { border-color:#69d983; transform:translateY(-2px); }.edu-tool-card>i { font-size:1.55rem; color:#77e390; }.edu-tool-card h3 { margin:20px 0 7px; }.edu-tool-card p { font-size:.9rem; }.edu-tool-card span { color:#7feb99; font-size:.85rem; font-weight:800; }.edu-stage-list { display:grid; gap:9px; }.edu-stage-list span { border-bottom:1px solid #324337; padding:10px 0; font-weight:800; }.edu-continuity { background:#0e1711; }.edu-continuity-card { background:#1a3020; border:1px solid #477451; padding:32px; border-radius:18px; }.edu-continuity-card i { display:block; color:#7be396; font-size:2rem; margin-bottom:25px; }.edu-continuity-card b { display:block; font-family:Montserrat,sans-serif; font-size:1.45rem; }.edu-final { padding:105px 0; text-align:center; background:radial-gradient(ellipse at center,#1a3e25,#0b110d 70%); }.edu-final h2 { margin:15px 0; }.edu-final .edu-actions { justify-content:center; }
.edu-page-head { padding:80px 0 55px; background:linear-gradient(145deg,#14241a,#0b110d); border-bottom:1px solid var(--line); }.edu-page-head h1 { font-size:clamp(2.5rem,5vw,4.5rem); margin:15px 0; }.edu-page-head p { max-width:720px; }.edu-filter { display:grid; grid-template-columns:2fr 1.2fr 1.1fr auto; align-items:end; gap:12px; margin-bottom:32px; }.edu-filter label,.edu-controls label,.edu-tool-form label { display:grid; gap:7px; color:#d4e6d6; font-size:.85rem; font-weight:800; }.edu input,.edu select,.edu textarea { width:100%; border:1px solid #44604a; border-radius:9px; background:#101a13; color:#f2faf2; padding:11px 12px; min-height:45px; }.edu textarea { resize:vertical; line-height:1.55; }.edu input::placeholder,.edu textarea::placeholder { color:#9bab9d; }.edu-empty { padding:35px; border:1px dashed #526b56; border-radius:14px; }.edu-discovery-note { margin-top:20px; font-size:.83rem; }
.edu-workspace { padding:60px 0 100px; }.edu-workspace-head { display:flex; justify-content:space-between; align-items:end; gap:30px; margin-bottom:30px; }.edu-workspace-head h1 { font-size:clamp(2rem,4vw,3.7rem); margin:12px 0; }.edu-workspace-head p { margin-bottom:0; } .edu-workspace-actions { display:flex; flex-wrap:wrap; gap:10px; }.edu-workspace-grid { display:grid; grid-template-columns:275px minmax(0,1fr); gap:18px; align-items:start; }.edu-controls,.edu-learning-main { border:1px solid var(--line); border-radius:18px; background:var(--surface); }.edu-controls { padding:21px; display:grid; gap:15px; }.edu-controls h2 { font-size:1.05rem; margin:12px 0 0; letter-spacing:0; }.edu-controls-note,.edu-small-note { color:#a5b6a6; font-size:.78rem; line-height:1.5; margin:2px 0; }.edu-tutor-mini { display:flex; gap:12px; align-items:center; padding-bottom:18px; border-bottom:1px solid var(--line); }.edu-tutor-mini img { width:53px; height:53px; border-radius:12px; object-fit:cover; }.edu-tutor-mini b,.edu-tutor-mini span,.edu-tutor-mini a { display:block; }.edu-tutor-mini b { font-size:.86rem; }.edu-tutor-mini span { color:#b0c3b2; font-size:.72rem; }.edu-tutor-mini a { color:#83ed9d; font-size:.71rem; margin-top:3px; }.edu-learning-main { min-width:0; overflow:hidden; }.edu-tabs { display:flex; overflow:auto; border-bottom:1px solid var(--line); }.edu-tabs button { flex:1 0 auto; min-height:52px; border:0; background:transparent; color:#b2c5b5; font-weight:800; padding:12px 18px; }.edu-tabs button[aria-selected=true] { color:#8bf0a4; box-shadow:inset 0 -3px #30d158; }.edu-tab-panel { padding:22px; }.edu-action-scroll { display:flex; gap:8px; overflow:auto; padding-bottom:14px; margin-bottom:8px; scrollbar-width:thin; }.edu-action-scroll button { flex:0 0 auto; padding:7px 12px; border-radius:30px; border:1px solid #48654d; background:#182b1d; color:#d9eadd; font-size:.76rem; font-weight:800; }.edu-action-scroll button:hover,.edu-action-scroll button.active { border-color:var(--green); background:#295132; }.edu-transcript { min-height:330px; max-height:680px; overflow:auto; padding:8px 3px 20px; }.edu-welcome { padding:52px 14px; text-align:center; }.edu-welcome h2 { font-size:1.5rem; letter-spacing:-.03em; margin:12px 0; }.edu-welcome p { max-width:500px; margin-inline:auto; }.edu-message { padding:17px; border:1px solid #2a3c2f; border-radius:14px; margin:12px 0; overflow-wrap:anywhere; }.edu-message.user { background:#1c3022; margin-left:12%; }.edu-message.assistant { background:#101a14; margin-right:7%; }.edu-message>span { display:block; color:#8ee8a1; font-size:.7rem; font-weight:900; letter-spacing:.1em; margin-bottom:10px; }.edu-message.user>span { color:#c5dcc9; }.edu-markdown { line-height:1.65; overflow-wrap:anywhere; }.edu-markdown>*:last-child { margin-bottom:0; }.edu-markdown pre { overflow:auto; padding:15px; background:#070e09; border:1px solid #324638; border-radius:9px; }.edu-markdown code { overflow-wrap:anywhere; }.edu-markdown pre code { overflow-wrap:normal; }.edu-markdown a { color:#8bf1a4; text-decoration:underline; }.edu-markdown table { display:block; max-width:100%; overflow:auto; border-collapse:collapse; }.edu-markdown td,.edu-markdown th { padding:8px; border:1px solid #43644a; }.edu-chat-status,#edu-tool-status { min-height:20px; font-size:.83rem; color:#9eeaaa; margin:8px 0; }.edu-chat-form { border-top:1px solid var(--line); padding-top:18px; }.edu-chat-form>label { display:block; margin-bottom:8px; font-size:.83rem; font-weight:800; }.edu-chat-form textarea { min-height:120px; }.edu-compose-bottom { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-top:12px; }.edu-compose-bottom #edu-file { position:absolute; width:1px; height:1px; opacity:0; }.edu-upload-label { color:#bfe5c5; cursor:pointer; font-size:.82rem; font-weight:800; }.edu-upload-label:hover { color:#8df4a6; }.edu-compose-bottom span { color:#a4b4a5; font-size:.78rem; overflow-wrap:anywhere; }.edu-compose-bottom button { margin-left:auto; }.edu-tool-intro h2 { font-size:1.5rem; margin:10px 0; }.edu-tool-form { display:grid; gap:15px; }.edu-tool-form #edu-plan-options { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.edu-tool-form #edu-plan-options[hidden] { display:none; }.edu-tool-form #edu-quiz-options { display:flex; align-items:end; gap:25px; }.edu-tool-form #edu-quiz-options[hidden] { display:none; }.edu-tool-form #edu-quiz-options label { min-width:230px; }.edu-tool-form>button { justify-self:start; }.edu-tool-result { margin-top:20px; }.edu-question { border:1px solid #385341; border-radius:12px; padding:18px; margin:15px 0; }.edu-question h3 { letter-spacing:0; font-size:1rem; line-height:1.5; }.edu-question label { display:flex; align-items:flex-start; gap:9px; padding:6px 0; color:#e5eee6; }.edu-question label input { width:auto; min-height:auto; margin-top:5px; }.edu-question .edu-answer-input { margin-top:10px; }.edu-feedback { margin-top:12px; border-left:3px solid #73d98b; padding:8px 13px; background:#1c2e20; }.edu-feedback.incorrect { border-color:#efbd6b; }.edu-feedback p { margin:3px 0; }.edu-score { padding:15px; background:#213d27; border:1px solid #4b8055; border-radius:10px; margin:15px 0; font-weight:900; }.edu-flashcard { display:grid; place-items:center; width:100%; min-height:240px; padding:25px; text-align:center; border:1px solid #569364; border-radius:16px; background:linear-gradient(145deg,#1d3925,#101d15); color:#f1fbf2; font-family:Montserrat,sans-serif!important; font-size:1.2rem!important; font-weight:700; white-space:pre-wrap; }.edu-flashcard:hover { border-color:#8af2a3; }.edu-flash-controls { display:flex; gap:9px; flex-wrap:wrap; margin-top:14px; }.edu-flash-controls button { border:1px solid #4d7155; background:#1b3020; color:#ecf7ed; border-radius:9px; padding:9px 13px; }.edu-flash-controls button:hover { background:#2a4d32; }.edu-flash-count { color:#add3b5; font-size:.84rem; margin-bottom:9px; }.edu-tool-actions { margin-top:20px; }.edu-dashboard-grid { display:grid; grid-template-columns:1fr 1fr; gap:17px; }.edu-dashboard-card { background:var(--surface); border:1px solid var(--line); border-radius:16px; padding:25px; min-width:0; }.edu-dashboard-card h2 { font-size:1.32rem; letter-spacing:-.03em; }.edu-dashboard-card ul { list-style:none; margin:0; padding:0; }.edu-dashboard-card li { padding:13px 0; border-top:1px solid #314536; overflow-wrap:anywhere; }.edu-dashboard-card li a,.edu-dashboard-card>a { color:#90efa5; font-weight:800; }.edu-dashboard-card li span { display:block; font-size:.75rem; color:#aebeb0; margin-top:3px; }
.edu-filter { grid-template-columns:repeat(3,minmax(0,1fr)); }.edu-filter label:first-child { grid-column:span 2; }.edu-filter button { justify-self:start; }
.edu-action-picker { display:grid; gap:7px; max-width:350px; margin-bottom:15px; color:#d4e6d6; font-size:.83rem; font-weight:800; }
.edu-web-label { display:inline-flex; align-items:center; gap:6px; color:#c3e9c9; font-size:.8rem; cursor:pointer; }.edu-web-label input { width:17px; height:17px; min-height:0; accent-color:#30d158; }
@media(max-width:1000px){ .edu-hero-grid { gap:35px; }.edu-level-grid,.edu-subject-grid { grid-template-columns:repeat(3,1fr); }.edu-filter { grid-template-columns:1fr 1fr; }.edu-workspace-grid { grid-template-columns:230px minmax(0,1fr); } }
@media(max-width:760px){.edu-hero { padding:65px 0; }.edu-hero-grid,.edu-split,.edu-dashboard-grid { grid-template-columns:1fr; }.edu-hero-panel { transform:none; }.edu-section { padding:65px 0; }.edu-agent-grid,.edu-tool-grid { grid-template-columns:repeat(2,1fr); }.edu-level-grid,.edu-subject-grid { grid-template-columns:repeat(2,1fr); }.edu-workspace-grid { grid-template-columns:1fr; }.edu-controls { grid-template-columns:repeat(2,1fr); }.edu-tutor-mini,.edu-controls h2,.edu-controls-note { grid-column:1/-1; }.edu-workspace-head { align-items:start; }.edu-workspace-head .edu-btn { flex:0 0 auto; }.edu-transcript { max-height:550px; } }
@media(max-width:520px){ .edu-wrap { width:min(100% - 28px,1180px); }.edu-subnav .edu-wrap { min-height:54px; }.edu-brand { font-size:.78rem; }.edu-brand b { margin-left:5px; padding-left:6px; font-size:.7rem; }.edu-subnav .edu-wrap>div { gap:11px; }.edu-subnav .edu-wrap>div a { font-size:.75rem; }.edu-hero h1 { font-size:2.7rem; }.edu-hero-panel { padding:19px; }.edu-panel-agent { margin-left:15px; }.edu-agent-grid,.edu-tool-grid,.edu-level-grid,.edu-subject-grid,.edu-filter { grid-template-columns:1fr; }.edu-filter label:first-child { grid-column:auto; }.edu-level { min-height:65px; }.edu-subject { min-height:65px; }.edu-workspace-head { display:block; }.edu-workspace-head .edu-btn { margin-top:10px; }.edu-controls { grid-template-columns:1fr 1fr; padding:16px; }.edu-tab-panel { padding:14px; }.edu-tabs button { padding:10px 13px; }.edu-message.user,.edu-message.assistant { margin-left:0; margin-right:0; }.edu-tool-form #edu-plan-options { grid-template-columns:1fr; }.edu-tool-form #edu-quiz-options { display:block; }.edu-compose-bottom button { width:100%; }.edu-steps { padding-left:17px; } }