/* Coding Classroom v0.9.8 — Part 6: Modern EdTech Visual Identity + Final Polish
   Adds a richer indigo/cyan/emerald/amber visual system while preserving the
   existing UX, responsive behavior, account/classroom logic and Coding Lab flow. */

:root{
  --cc-bg:#f5f6fc;
  --cc-surface:#ffffff;
  --cc-surface-soft:#f8f9fd;
  --cc-ink:#172554;
  --cc-text:#27364f;
  --cc-muted:#52677d;
  --cc-line:#d8e0ec;
  --cc-indigo:#4f46e5;
  --cc-indigo-dark:#3730a3;
  --cc-violet:#7c3aed;
  --cc-cyan:#0891b2;
  --cc-cyan-soft:#e8f8fc;
  --cc-teal:#0f766e;
  --cc-emerald:#059669;
  --cc-emerald-soft:#e9f9f2;
  --cc-amber:#d97706;
  --cc-amber-soft:#fff7e6;
  --cc-pink:#c02674;
  --cc-pink-soft:#fff0f6;
  --cc-violet-soft:#f3efff;
  --cc-indigo-soft:#eeefff;
  --cc-shadow:0 14px 38px rgba(39,50,96,.08);
  --cc-shadow-soft:0 8px 24px rgba(39,50,96,.055);
  --ink:var(--cc-text);
  --muted:var(--cc-muted);
  --blue:var(--cc-indigo);
  --line:var(--cc-line);
}

html{background:var(--cc-bg)}
body{
  background:
    radial-gradient(circle at 8% 1%,rgba(8,145,178,.12),transparent 27rem),
    radial-gradient(circle at 92% 3%,rgba(124,58,237,.10),transparent 29rem),
    radial-gradient(circle at 88% 62%,rgba(5,150,105,.065),transparent 30rem),
    radial-gradient(circle at 12% 76%,rgba(217,119,6,.05),transparent 28rem),
    linear-gradient(180deg,#f9faff 0%,#f4f6fb 44%,#f8fafc 100%);
  color:var(--cc-text);
}
body:before{
  background-image:
    linear-gradient(rgba(79,70,229,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(8,145,178,.018) 1px,transparent 1px);
  background-size:38px 38px;
  opacity:.9;
}

/* Global typography + accessibility */
.eyebrow{color:#315b93}
.page-heading h1,.section-heading h2{color:var(--cc-ink)}
.page-heading p:not(.eyebrow),.section-heading p,.field-hint,.local-note{color:var(--cc-muted)}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:3px solid rgba(79,70,229,.34)!important;
  outline-offset:3px;
}
.field input,.field select,.teacher-pin-form input{
  border-color:#cbd6e4;
  background:#fff;
  color:#25334b;
}
.field input::placeholder,.teacher-pin-form input::placeholder{color:#7b8da0;opacity:1}
.field input:focus,.field select:focus,.teacher-pin-form input:focus{outline-color:#665cf0;border-color:#7c74ec}
.field-error{color:#a3352c}
.field input[aria-invalid="true"],.field select[aria-invalid="true"]{border-color:#cc5d54;background:#fff4f2}

/* Header / Navigation */
.site-header{
  border-bottom:1px solid rgba(202,210,229,.88);
  background:rgba(250,251,255,.91);
  box-shadow:0 8px 30px rgba(37,45,87,.075);
  backdrop-filter:blur(22px) saturate(145%);
}
.site-brand{color:#20265e}.brand-secondary{color:#61728a}
.brand-mark{border-color:#d6dcf3;background:linear-gradient(145deg,#fff,#f0f3ff);box-shadow:0 8px 22px rgba(79,70,229,.12)}
.main-nav a{color:#52657a}
.main-nav a:hover{background:#f1f0ff;color:#4038bd}
.main-nav a.active{
  color:#fff;
  border-color:transparent;
  background:linear-gradient(135deg,var(--cc-indigo-dark),var(--cc-indigo) 58%,var(--cc-cyan));
  box-shadow:0 8px 20px rgba(79,70,229,.22);
}
.xp-pill{color:#8a5705;border-color:#f0d49b;background:linear-gradient(180deg,#fffaf0,#fff4d9)}
.sound-button,.header-right select{border-color:#d2dae6;background:rgba(255,255,255,.95)}

/* Buttons */
.primary-cta{
  border-color:transparent;
  color:#fff;
  background:linear-gradient(135deg,var(--cc-indigo-dark),var(--cc-indigo) 58%,#5d62eb);
  box-shadow:0 11px 26px rgba(79,70,229,.24),inset 0 1px 0 rgba(255,255,255,.18);
}
.primary-cta:hover{background:linear-gradient(135deg,#30298d,#4338ca 58%,#5156dc);box-shadow:0 14px 30px rgba(79,70,229,.28)}
.secondary-cta,.teacher-cta{
  color:#3f4770;
  border-color:#ccd6e4;
  background:linear-gradient(180deg,#fff,#f7f8fc);
  box-shadow:0 6px 16px rgba(44,53,93,.05);
}
.secondary-cta:hover,.teacher-cta:hover{border-color:#a9b5d3;background:#fff;color:#3730a3}

/* Learner bar */
.learner-bar{
  border-color:#d8dff0;
  background:linear-gradient(110deg,rgba(255,255,255,.94),rgba(244,244,255,.94) 55%,rgba(236,249,250,.9));
  box-shadow:0 7px 20px rgba(44,53,93,.05);
}
.learner-bar strong{color:#32386e}.learner-bar-label{color:#65778b}
.learner-bar-actions a{border-color:#d4dceb;background:#fff;color:#4540a8}

/* FIRST START — color without becoming childish */
.first-start-shell{
  border-color:#d8dcf1;
  background:
    radial-gradient(circle at 9% 10%,rgba(8,145,178,.13),transparent 18rem),
    radial-gradient(circle at 96% 5%,rgba(124,58,237,.11),transparent 21rem),
    radial-gradient(circle at 83% 90%,rgba(5,150,105,.08),transparent 20rem),
    linear-gradient(135deg,#fbfcff 0%,#f2f1ff 48%,#effbfb 100%);
  box-shadow:0 18px 48px rgba(43,49,91,.09);
}
.first-start-shell:before{color:rgba(79,70,229,.055)}
.first-start-intro h1{color:#252b69}
.first-start-intro p:not(.eyebrow){color:#546a7f}
.first-start-points span:nth-child(1){border-color:#bfe9dc;background:#edf9f4;color:#176b55}
.first-start-points span:nth-child(2){border-color:#cdd7f8;background:#f0f2ff;color:#4740b4}
.first-start-points span:nth-child(3){border-color:#bde5ee;background:#edfafd;color:#0d6b80}
.first-start-auth-tabs,.classroom-auth-tabs{border-color:#d5dcef;background:#eceefa}
.auth-tab{color:#617087}
.auth-tab:hover{background:rgba(255,255,255,.78);color:#433cae}
.auth-tab.is-active{color:#3730a3;background:#fff;box-shadow:0 4px 14px rgba(66,61,148,.11)}
.first-start-card{border-color:#d9dfeb;background:rgba(255,255,255,.96);box-shadow:0 9px 26px rgba(43,52,91,.05)}
.first-start-login{border-top-color:var(--cc-teal)}
.first-start-register{border-top-color:var(--cc-indigo)}
.first-start-card h2{color:#2c326e}
.auth-room-field{border-color:#cfd9e9;background:#f9fafc}
.auth-extra-details{border-color:#d8dfeb;background:#fafbfe}
.auth-extra-details[open]>summary{background:#f2f3fa}
.first-start-teacher{border-top-color:#dbe1ed;color:#66778b}
.text-link{color:#4842b9}

/* Student dashboard */
.student-home-welcome{
  border-color:#d4daf1;
  background:
    radial-gradient(circle at 86% 18%,rgba(124,58,237,.12),transparent 17rem),
    radial-gradient(circle at 5% 100%,rgba(8,145,178,.11),transparent 21rem),
    linear-gradient(125deg,#fcfcff,#f0f1ff 56%,#eefaf9);
  box-shadow:0 14px 36px rgba(49,55,99,.075);
}
.student-home-welcome h1{color:#292f6c}
.student-home-welcome>div>p:not(.eyebrow){color:#5d7185}
.student-next-mission{
  border-color:#cfd8ee;
  background:linear-gradient(125deg,#f8f7ff 0%,#eef1ff 45%,#ebf9fb 75%,#eef9f4 100%);
  box-shadow:0 12px 30px rgba(51,57,105,.075);
}
.student-next-icon{background:linear-gradient(145deg,var(--cc-indigo),var(--cc-violet));box-shadow:0 8px 18px rgba(79,70,229,.22)}
.student-next-copy .eyebrow{color:#4c48a5}.student-next-copy h2{color:#2d326f}.student-next-copy>p:not(.eyebrow){color:#5f7388}
.student-next-progress .meter{background:#dfe4ee}.student-next-progress .meter>span{background:linear-gradient(90deg,var(--cc-indigo),var(--cc-cyan),var(--cc-emerald))}
.student-home-stats article{border-color:#d8dfeb;box-shadow:var(--cc-shadow-soft)}
.student-home-stats article:nth-child(1){background:linear-gradient(145deg,#fff,#eef6ff)}
.student-home-stats article:nth-child(1)>span{background:#e7f1ff;color:#2563b9}
.student-home-stats article:nth-child(2){background:linear-gradient(145deg,#fff,#fff7e8)}
.student-home-stats article:nth-child(2)>span{background:#fff1c9;color:#b56b00}
.student-home-stats article:nth-child(3){background:linear-gradient(145deg,#fff,#eaf9f2)}
.student-home-stats article:nth-child(3)>span{background:#ddf5e9;color:#0b7f5f}
.student-home-stats strong{color:#2d3654}.student-home-stats small{color:#60758a}
.student-home-rooms{border-color:#d9dfeb;background:linear-gradient(180deg,#fff,#fafbfe);box-shadow:var(--cc-shadow-soft)}
.student-home-room{border-color:#d5ddea;background:linear-gradient(145deg,#fff,#f3f3ff)}
.student-home-room:hover{border-color:#aaa8e8;box-shadow:0 8px 20px rgba(79,70,229,.09)}
.student-home-room strong{color:#30366f}.student-home-room b{color:#4b45c1}

/* Classic landing / role cards / learning paths */
#view-home .home-hero-classic{
  border-color:#d5dcf0;
  background:
    radial-gradient(circle at 82% 10%,rgba(255,255,255,.95),transparent 20%),
    radial-gradient(circle at 95% 88%,rgba(8,145,178,.16),transparent 29%),
    radial-gradient(circle at 8% 108%,rgba(124,58,237,.12),transparent 34%),
    linear-gradient(125deg,#fbfcff 0%,#f1f1ff 45%,#e9f9fb 100%);
  box-shadow:0 26px 70px rgba(43,49,91,.11);
}
#view-home .home-hero-classic:before{color:rgba(79,70,229,.05)}
#view-home .home-hero-classic:after{background:linear-gradient(90deg,var(--cc-indigo),var(--cc-cyan),var(--cc-emerald),transparent)}
#view-home .hero-label{color:#4a45bd}
#view-home .home-hero h1{color:#22285f}
#view-home .home-hero h1>span{background:linear-gradient(90deg,#4338ca 0%,#7c3aed 43%,#0891b2 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
#view-home .hero-content>p:not(.hero-label){color:#576c81}
.continue-card{
  border-color:rgba(143,137,232,.30);
  background:
    radial-gradient(circle at 88% 10%,rgba(8,145,178,.30),transparent 25%),
    radial-gradient(circle at 0 110%,rgba(124,58,237,.27),transparent 36%),
    linear-gradient(150deg,#211a56 0%,#3730a3 54%,#075985 100%);
  box-shadow:0 24px 54px rgba(31,25,81,.25);
}
.continue-card .meter>span{background:linear-gradient(90deg,#8b5cf6,#22d3ee,#34d399)}
.role-card{border-color:#d8dfeb;background:rgba(255,255,255,.94)}
.role-student{background:linear-gradient(145deg,#fff 0%,#edfafd 100%)}
.role-teacher{background:linear-gradient(145deg,#fff 0%,#f4f0ff 100%)}
.role-student:before{background:linear-gradient(90deg,var(--cc-cyan),#22d3ee,transparent 72%)}
.role-teacher:before{background:linear-gradient(90deg,var(--cc-violet),#8b5cf6,transparent 72%)}
.role-student .role-icon{color:#0e7490;background:#e4f8fc;border-color:#bde8f0}
.role-teacher .role-icon{color:#6d28d9;background:#f1eaff;border-color:#ddcff7}
.role-copy strong{color:#2b315f}.role-copy>span{color:#60758b}
.focus-section-classic{
  border-color:#dde2ee;
  background:
    radial-gradient(circle at 96% 0,rgba(8,145,178,.07),transparent 20rem),
    linear-gradient(180deg,#fbfcff 0%,#f8f8fd 44%,#fff 100%);
}
.focus-section-classic .focus-card.primary2{background:linear-gradient(145deg,#fff,#eaf9fc);border-color:#c8e6ec}
.focus-section-classic .focus-card.primary2:before{background:linear-gradient(180deg,var(--cc-cyan),#22d3ee)}
.focus-section-classic .focus-card.middle{background:linear-gradient(145deg,#fff,#f1edff);border-color:#ddd4f5}
.focus-section-classic .focus-card.middle:before{background:linear-gradient(180deg,var(--cc-violet),#8b5cf6)}
.focus-section-classic .focus-card h3{color:#29305f}
.home-progress{border-color:#dbe1ec;background:linear-gradient(180deg,#fff,#fafbfe)}

/* Page section surfaces */
#view-lessons,#view-progress,#view-classroom,#view-teacher,#view-profiles,#view-guide,#view-about{position:relative}
.page-heading .section-symbol{border-radius:15px;background:linear-gradient(145deg,#f0efff,#edfafd);color:#4f46e5;border:1px solid #dce0f4}
.kru-mascot-strip{border-color:#d9dfec;background:linear-gradient(115deg,#fff,#f3f2ff 55%,#eefafa);box-shadow:var(--cc-shadow-soft)}
.kru-mascot-strip .eyebrow{color:#514bb4}.kru-mascot-strip h2{color:#2b315f}.kru-mascot-strip p:not(.eyebrow){color:#5c7085}

/* Lessons already have concept colors; enrich the page around them. */
#view-lessons{--lesson-blue:#2779c8;--lesson-blue-soft:#e9f4ff;--lesson-purple:#7357c5;--lesson-purple-soft:#f0ecff;--lesson-orange:#c66722;--lesson-orange-soft:#fff1e4;--lesson-pink:#bd3f7a;--lesson-pink-soft:#fdebf4;--lesson-teal:#0f8875;--lesson-teal-soft:#e6f8f3;--lesson-indigo:#5558c9;--lesson-indigo-soft:#eceeff}
#view-lessons .track-tab{border-color:#d8dfeb;box-shadow:0 6px 18px rgba(45,52,94,.045)}
#view-lessons .map-summary{border-color:#d6deea;background:linear-gradient(90deg,#fafbff,#fff)}
#view-lessons .world-section{box-shadow:0 12px 30px rgba(45,52,94,.055)}
#view-lessons .lesson-node{box-shadow:0 7px 18px rgba(45,52,94,.04)}
#view-lessons .lesson-node.completed .node-state{background:#e2f7ed;color:#117255;border-color:#bee8d6}

/* Unit/article pages */
.unit-article,.transfer-card,.info-card,.about-main,.share-classroom,.teacher-note,.teacher-report-entry{
  border-color:#d9dfeb;
  box-shadow:var(--cc-shadow-soft);
}
.unit-article{background:linear-gradient(180deg,#fff,#fdfdff)}
.unit-nav a{border-color:#d8dfeb;background:#fff}.unit-nav a[aria-current=step]{border-color:#8882e3;background:#f0efff;color:#4038b2}
.demo-line.active{background:#efefff;outline-color:#7770df}
.quiz-options label:has(input:checked){border-color:#7770df;background:#f4f2ff}.quiz-options input{accent-color:var(--cc-indigo)}
.quiz-feedback.correct{background:#e9f8f1;color:#17634d}.quiz-feedback.retry{background:#fff7e6;color:#7a5312}

/* Coding Lab — color helps separate work zones while keeping code central. */
#view-lab .mission-strip{border-color:#d8def0;background:linear-gradient(90deg,#f8f7ff,#f3f5ff 55%,#eefafd)}
#view-lab .mission-tab.active{color:#4338b5;border-color:#aaa5e5;background:linear-gradient(180deg,#f3f2ff,#ececff)}
#view-lab .lesson-panel{
  border-color:#ddd8ef;
  background:linear-gradient(180deg,#fcfbff 0%,#f7f4ff 100%);
  box-shadow:0 13px 32px rgba(70,52,124,.07);
}
#view-lab .program-panel{background:#fff;border-color:#d6ddea;box-shadow:0 15px 36px rgba(38,47,82,.08)}
#view-lab .stage-panel{
  border-color:#cde6df;
  background:linear-gradient(180deg,#fbfffd 0%,#eefaf6 100%);
  box-shadow:0 13px 32px rgba(25,103,83,.07);
}
#view-lab .stage-wrap{background:linear-gradient(180deg,#e8f8f2,#dff5ed);border-color:#c5e6da}
#view-lab .editor-modes{border-color:#d8ddea;background:#eef0f7}
#view-lab .editor-modes button[aria-pressed=true]{color:#4038b5;border-color:#dddaf5}
#view-lab .lesson-badge{background:#f0edff;color:#5f46b7}
#view-lab .goal-card{background:#fff6df;border-color:#f0d38d}.goal-card span{color:#6f5d2f}
#view-lab .tips{background:#eaf8f3;color:#3b6f5d}
#view-lab .lesson-prep,#view-lab .command-guide{border-color:#dedfec;background:#fafafe}
#view-lab .hint-panel{background:#fff9ea;border-color:#ebdab3}
#view-lab .run-btn{background:linear-gradient(135deg,#0f766e,#059669,#10b981);box-shadow:0 9px 22px rgba(5,150,105,.22)}
#view-lab .progress-bar{background:linear-gradient(90deg,var(--cc-indigo),var(--cc-cyan),var(--cc-emerald))}

/* Progress — each metric gets semantic color */
.progress-summary article,.badge-section,.track-progress,.progress-advanced-tools{border-color:#d9dfeb;box-shadow:var(--cc-shadow-soft)}
.progress-summary .learner-card{background:linear-gradient(135deg,#f0efff,#edfafd);border-color:#d2d6ed}
.learner-mark{border-color:#8b84e0;color:#4338ca;background:#fff}
.progress-summary article:nth-child(2){background:linear-gradient(145deg,#fff,#edf5ff)}
.progress-summary article:nth-child(2)>span{color:#2e6db8}
.progress-summary article:nth-child(3){background:linear-gradient(145deg,#fff,#eaf9f2)}
.progress-summary article:nth-child(3)>span{color:#0c8060}
.progress-summary article:nth-child(4){background:linear-gradient(145deg,#fff,#fff7e8)}
.progress-summary article:nth-child(4)>span{color:#b66d00}
.progress-summary article:nth-child(5){background:linear-gradient(145deg,#fff,#f3efff)}
.progress-summary article:nth-child(5)>span{color:#6d3bc0}
.badge-section{background:linear-gradient(180deg,#fff,#fafbfe)}
.track-progress{background:#fff}.track-progress-row:hover{background:#f6f6ff}

/* Classroom / account surfaces */
.student-account-card,.classroom-join-card,.cloud-panel,.profile-card,.profile-form-panel,.report-panel{
  border-color:#d9dfeb;
  box-shadow:var(--cc-shadow-soft);
}
.student-account-card{background:linear-gradient(180deg,#fff,#fbfbff)}
.account-server-badge{background:#eaf8f3;color:#176b55;border-color:#c4e7da}
.profile-card.selected{border-color:#9e99e2;background:linear-gradient(145deg,#fbfbff,#f0efff)}
.profile-avatar{background:#efefff;color:#4840b4;border-color:#dcdaf7}

/* Teacher dashboard — calmer than student surfaces, but no longer monochrome. */
.teacher-heading-v0974 .section-symbol{color:#4f46e5;background:#f0efff;border-color:#dddaf5}
.teacher-cloud-v0974{border-color:#d9dfeb;background:#fff;box-shadow:var(--cc-shadow)}
.teacher-cloud-v0974>.teacher-cloud-heading{
  border-bottom-color:#dfe3ed;
  background:linear-gradient(120deg,#fbfbff 0%,#f1f0ff 54%,#eef9fb 100%);
}
.teacher-dashboard-toolbar{background:#fafafe;border-bottom-color:#e0e4ee}
.teacher-dashboard-tabs{background:#f3f4f9;border-bottom-color:#dfe3ec}
.teacher-dashboard-tab{color:#596b80}
.teacher-dashboard-tab:hover{background:#fff;color:#4338b5;border-color:#d4d7ea}
.teacher-dashboard-tab.is-active{background:#fff;color:#4038b2;border-color:#bab6e7;box-shadow:0 5px 14px rgba(79,70,229,.08)}
.teacher-dashboard-tab[data-teacher-tab="overview"].is-active{color:#4038b2;border-color:#b8b2ec}
.teacher-dashboard-tab[data-teacher-tab="rooms"].is-active{color:#0e7490;border-color:#9ed8e5}
.teacher-dashboard-tab[data-teacher-tab="students"].is-active{color:#0f766e;border-color:#a8dfd2}
.teacher-dashboard-tab[data-teacher-tab="reports"].is-active{color:#6d28d9;border-color:#d0baf0}
.teacher-dashboard-tab[data-teacher-tab="settings"].is-active{color:#475569;border-color:#cbd5e1}
.teacher-tab-panel{background:#f8f9fc}
.teacher-tab-heading h2{color:#2b315f}.teacher-tab-heading p:not(.eyebrow){color:#5d7185}
.teacher-quick-grid button{border-color:#d9dfeb;background:#fff}
.teacher-quick-grid button:nth-child(1)>span{background:#e7f8fc;color:#0e7490}
.teacher-quick-grid button:nth-child(2)>span{background:#e8f8f2;color:#0f766e}
.teacher-quick-grid button:nth-child(3)>span{background:#f1ebff;color:#6d28d9}
.teacher-quick-grid button:nth-child(4)>span{background:#eef2f7;color:#475569}
.teacher-room-help{border-color:#cde5eb;background:#eef9fb;color:#456a76}.teacher-room-help>span{background:#dff4f8;color:#0e7490}
.teacher-summary article:nth-child(1){background:linear-gradient(145deg,#fff,#edf5ff)}
.teacher-summary article:nth-child(2){background:linear-gradient(145deg,#fff,#eaf9f2)}
.teacher-summary article:nth-child(3){background:linear-gradient(145deg,#fff,#fff7e8)}
.teacher-summary article:nth-child(4){background:linear-gradient(145deg,#fff,#f3efff)}
.teacher-summary strong{color:#30376e}
.report-local-note{color:#425f77;background:linear-gradient(180deg,#f0f7fb,#edf6f8);border-color:#d3e5e9}
.report-table thead th{background:#f3f4f8;color:#53667a}.report-table tbody tr:hover{background:#f7f7fd}.report-learner{color:#4a43b9}

/* Storage, status and alerts */
.storage-notice{background:#fff5da;color:#6e5214;border:1px solid #ecd290}
.cloud-state.is-ok{background:#e8f8f1;border-color:#bfe5d4;color:#176a52}.cloud-state.is-error{background:#fff1ef;border-color:#edc6c1;color:#913d36}
.report-state.complete{background:#e6f7ef;color:#176c53}.report-state.practicing{background:#fff5df;color:#7a5313}

/* Footer */
.site-footer-v062{
  background:
    radial-gradient(circle at 84% 8%,rgba(8,145,178,.24),transparent 20rem),
    radial-gradient(circle at 15% 100%,rgba(124,58,237,.20),transparent 24rem),
    linear-gradient(120deg,#19164d 0%,#302a86 50%,#075985 100%);
  box-shadow:0 -14px 38px rgba(31,29,78,.09);
}
.site-footer-v062,.site-footer-v062 a{color:#e6e8ff}.site-footer-v062 small,.site-footer-v062 span{color:#c5d1e4}.footer-developer strong,.footer-version strong,.footer-brand strong{color:#fff}.footer-links a:hover{color:#67e8f9}

/* Short notebook / mobile refinements */
@media(min-width:1025px) and (max-height:820px){
  .site-header{box-shadow:0 6px 22px rgba(37,45,87,.065)}
  #view-lab .lesson-panel,#view-lab .program-panel,#view-lab .stage-panel{box-shadow:0 8px 22px rgba(44,52,88,.06)}
}
@media(max-width:700px){
  body{background:linear-gradient(180deg,#f8f9fd,#f3f5fa 54%,#f8fafc)}
  .site-header{background:rgba(250,251,255,.96)}
  .first-start-shell,.student-home-welcome,#view-home .home-hero-classic{border-radius:18px}
  .student-home-stats article{box-shadow:none}
  #view-lab .stage-run-actions{background:rgba(252,253,255,.97);border-color:#d8deea}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important}
}