@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;700&display=swap";
:root{--font-montserrat:"Montserrat",sans-serif;--font-inter:"Inter",sans-serif;--font-merriweather:"Merriweather",serif;--font-fira-code:"Fira Code",monospace;--color-primary-50:#eff6ff;--color-primary-100:#dbeafe;--color-primary-200:#bfdbfe;--color-primary-300:#93c5fd;--color-primary-400:#60a5fa;--color-primary-500:#3b82f6;--color-primary-600:#2563eb;--color-primary-700:#1d4ed8;--color-primary-800:#1e40af;--color-primary-900:#1e3a8a;--color-secondary-50:#ecf8ff;--color-secondary-100:#d1f0ff;--color-secondary-200:#a3e0ff;--color-secondary-300:#75ceff;--color-secondary-400:#47bdff;--color-secondary-500:#00bfff;--color-secondary-600:#09c;--color-secondary-700:#07a;--color-neutral-50:#fafafa;--color-neutral-100:#f5f5f5;--color-neutral-200:#e5e5e5;--color-neutral-300:#d4d4d4;--color-neutral-400:#a3a3a3;--color-neutral-500:#737373;--color-neutral-600:#525252;--color-neutral-700:#404040;--color-neutral-800:#262626;--color-neutral-900:#171717;--color-success-50:#f0fdf4;--color-success-100:#dcfce7;--color-success-200:#bbf7d0;--color-success-500:#22c55e;--color-success-600:#16a34a;--color-success-700:#15803d;--color-warning-50:#fefce8;--color-warning-100:#fef3c7;--color-warning-500:#eab308;--color-warning-600:#ca8a04;--color-error-50:#fef2f2;--color-error-100:#fee2e2;--color-error-500:#ef4444;--color-error-600:#dc2626;--color-error-700:#b91c1c;--color-educational-sky:#00bfff;--color-educational-leaf:#32cd32;--color-educational-sunset:tomato;--color-educational-gold:gold;--color-brand-teal-50:#f0fdfa;--color-brand-teal-100:#ccfbf1;--color-brand-teal-200:#99f6e4;--color-brand-teal-300:#5eead4;--color-brand-teal-400:#2dd4bf;--color-brand-teal-500:#14818b;--color-brand-teal-600:#0d5c63;--color-brand-teal-700:#084449;--color-brand-teal-800:#042f2e;--color-brand-teal-900:#042f2e;--color-brand-amber-50:#fffbeb;--color-brand-amber-100:#fef3c7;--color-brand-amber-200:#fde68a;--color-brand-amber-300:#fcd34d;--color-brand-amber-400:#fbbf24;--color-brand-amber-500:#f0b840;--color-brand-amber-600:#e8a020;--color-brand-amber-700:#c4861a;--color-brand-amber-800:#92400e;--color-brand-amber-900:#78350f;--color-active-admin-border:var(--color-brand-teal-500);--color-active-admin-text:var(--color-brand-teal-400);--color-active-admin-bg:#14818b1a;--color-active-teacher-border:var(--color-brand-amber-600);--color-active-teacher-text:var(--color-brand-amber-500);--color-active-teacher-bg:#e8a0201a;--color-active-student-border:var(--color-primary-600);--color-active-student-text:var(--color-primary-500);--color-active-student-bg:#3b82f61a;--color-active-parent-border:var(--color-brand-amber-600);--color-active-parent-text:var(--color-brand-amber-700);--color-active-parent-bg:#e8a0201a;--color-active-admin-text-dark:var(--color-brand-teal-300);--color-active-teacher-text-dark:var(--color-brand-amber-400);--color-active-student-text-dark:var(--color-primary-400);--color-active-parent-text-dark:var(--color-brand-amber-400);--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.3s cubic-bezier(.4,0,.2,1);--transition-slow:.5s cubic-bezier(.4,0,.2,1);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}html{font-family:var(--font-inter);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:var(--color-neutral-900);background-color:#fff;line-height:1.6}h1,.h1{font-family:var(--font-montserrat);letter-spacing:-.02em;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.2}h2,.h2{font-family:var(--font-montserrat);letter-spacing:-.01em;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.3}h3,.h3{font-family:var(--font-montserrat);font-size:clamp(1.5rem,3vw,1.875rem);font-weight:600;line-height:1.4}h4,.h4{font-family:var(--font-montserrat);font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:600;line-height:1.5}h5,.h5{font-family:var(--font-montserrat);font-size:1.125rem;font-weight:600;line-height:1.5}h6,.h6{font-family:var(--font-montserrat);font-size:1rem;font-weight:600;line-height:1.5}p{font-family:var(--font-inter);margin:0;line-height:1.6}a{color:var(--color-primary-600);text-underline-offset:2px;transition:color var(--transition-base);text-decoration:none}a:hover{color:var(--color-primary-700)}ul,ol{font-family:var(--font-inter);line-height:1.8}li{margin-bottom:var(--spacing-sm)}blockquote{font-family:var(--font-merriweather);border-left:4px solid var(--color-primary-500);padding-left:var(--spacing-lg);margin:var(--spacing-lg)0;color:var(--color-neutral-700);font-size:clamp(1.25rem,2vw,1.5rem);font-style:italic;font-weight:500;line-height:1.6}code{font-family:var(--font-fira-code);background-color:var(--color-neutral-100);border-radius:var(--radius-md);padding:.25rem .5rem;font-size:.875rem}pre{font-family:var(--font-fira-code);background-color:var(--color-neutral-900);color:#fff;padding:var(--spacing-lg);border-radius:var(--radius-lg);margin:var(--spacing-lg)0;overflow-x:auto}pre code{background-color:#0000;padding:0}small,.small{font-size:.875rem;line-height:1.5}button{font-family:var(--font-montserrat);letter-spacing:.03em;transition:all var(--transition-base);font-weight:600}.badge{padding:var(--spacing-xs)var(--spacing-md);border-radius:var(--radius-full);font-family:var(--font-montserrat);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600;display:inline-block}.badge-primary{background-color:var(--color-primary-100);color:var(--color-primary-700)}.badge-success{background-color:var(--color-success-100);color:var(--color-success-700)}.badge-warning{background-color:var(--color-warning-50);color:var(--color-warning-600)}.badge-error{background-color:var(--color-error-100);color:var(--color-error-700)}.card{padding:var(--spacing-lg);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:all var(--transition-base);background-color:#fff}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.highlight{padding:var(--spacing-lg);background-color:var(--color-primary-50);border-left:4px solid var(--color-primary-500);border-radius:var(--radius-lg)}.container{width:100%;padding:0 var(--spacing-lg);max-width:1280px;margin:0 auto}@media (min-width:768px){.container{padding:0 var(--spacing-xl)}}.text-primary{color:var(--color-primary-600)}.text-secondary{color:var(--color-secondary-600)}.text-success{color:var(--color-success-600)}.text-warning{color:var(--color-warning-600)}.text-error{color:var(--color-error-600)}.text-muted{color:var(--color-neutral-500)}.bg-primary-light{background-color:var(--color-primary-50)}.bg-secondary-light{background-color:var(--color-secondary-50)}.border-primary{border-color:var(--color-primary-500)}.border-secondary{border-color:var(--color-secondary-500)}button:focus-visible,a:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fadeIn{animation:fadeIn var(--transition-base)}.animate-slideUp{animation:slideUp var(--transition-base)}.animate-slideDown{animation:slideDown var(--transition-base)}.animate-scaleIn{animation:scaleIn var(--transition-base)}