*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100dvh;overflow-x:hidden;scroll-behavior:smooth;background-color:var(--color-bg)}body{font-family:var(--font-serif);color:var(--color-text);display:flex;flex-direction:column}:root{--font-serif: "Patua One", serif;--font-sans: "League Spartan", sans-serif;--font-title: "Chau Philomene One", sans-serif;--fs-h1: 36px;--fs-h2: 28px;--fs-h3: 22px;--fs-body: 16px;--nav-h: 72px;--lh-tight: 1.2;--lh-normal: 1.5;--color-primary: #1F5F3A;--color-primary-light: #a1d4a9;--color-accent: #4E9F3D;--color-bg: #FFFFFF;--color-bg-subtle: #F5F9F4;--color-bg-teacher: #233C67;--color-border: rgba(0,0,0,.18);--color-text: #1A1A1A;--color-error: #c62828;--color-error-light: #ef5350;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--elev-1: 0 2px 4px rgba(0,0,0,.08);--elev-2: 0 4px 10px rgba(0,0,0,.12);--elev-3: 0 6px 20px rgba(0,0,0,.18);--elev-4: 2px solid rgba(0,0,0,.18);--elev-5: 2px solid rgba(255,255,255,.95);--elev-6: 6px solid #1E5128;--elev-7: 6px solid #FFFFFF;--ring-accent: 0 0 0 3px rgba(78,159,61,.3);--ring-accent-regular: 0 0 0 3px rgba(255,255,255,.35);--ring-accent-strong: 0 0 0 3px rgba(46,125,50,.18);--ring-accent-medium: 0 0 0 3px rgba(78,159,61,.5);--ring-accent-light: 0 2px 4px rgba(255, 255, 255, .6);--footer-h: clamp(220px, 24vh, 280px);--overlay-bg: rgba(0, 0, 0, .45);--modal-bg: #CCDBEE;--modal-border-color: var(--color-border);--modal-shadow: var(--elev-3);--modal-title-font: var(--font-serif);--modal-max-w: 520px;--modal-min-w: min(92vw, 520px);--modal-pad-x: var(--space-4);--modal-pad-y: calc(var(--space-4) + var(--space-2));--modal-gap: var(--space-3);--modal-card-bg: var(--color-bg);--modal-card-border: var(--color-border)}h1,h2,h3{font-family:var(--font-sans);color:var(--color-primary)}h1{font-size:var(--fs-h1);font-weight:700;line-height:var(--lh-tight)}h2{font-size:var(--fs-h2);font-weight:600;line-height:var(--lh-tight)}h3{font-size:var(--fs-h3);font-weight:500;line-height:var(--lh-normal)}p{font-size:var(--fs-body);line-height:var(--lh-normal)}.btn{display:inline-block;font-family:var(--font-sans);font-weight:600;font-size:1rem;padding:.8em 1.5em;border-radius:var(--radius-md);border:none;cursor:pointer;transition:background-color .25s ease,transform .1s ease,box-shadow .2s ease;box-shadow:var(--elev-1)}.btn--primary{background-color:var(--color-accent);color:var(--color-bg)}.btn--primary:hover{background-color:var(--color-primary);transform:translateY(-1px)}.btn--primary:disabled{opacity:.7;cursor:not-allowed}.btn--outline{background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn--outline:hover{background-color:var(--color-accent);color:#fff}.input{width:100%;font:inherit;color:var(--color-text);background:#fff;border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:.9em 1em;box-shadow:0 2px #0000001a;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.input::placeholder{color:#00000073}.input:focus{border-color:var(--color-accent);box-shadow:var(--ring-accent);outline:none}.input.ng-invalid.ng-touched{border-color:#c62828}.input.ng-valid.ng-touched{border-color:#2e7d32}:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}body{scrollbar-width:thin;scrollbar-color:var(--color-accent) #e6f3e6}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#e6f3e6}::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:5px;border:2px solid #e6f3e6}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.fullscreen{width:100%;height:100%}.no-scroll{overflow:hidden!important}img{display:block;max-width:100%;height:auto}