@import"https://fonts.googleapis.com/css2?family=Mona+Sans:wght@300;400;500;600;700;800&display=swap";:root{--font-family-primary: "Mona Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-h1: 24px;--font-size-h2: 18px;--font-size-body: 14px;--font-size-caption: 12px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--cla-primary: #6463E5;--cla-secondary: #FFFFFF;--cla-primary-100: #E6E6FA;--cla-primary-200: #C5C4F5;--cla-primary-300: #A3A1F0;--cla-primary-400: #827FEC;--cla-primary-500: #6463E5;--cla-primary-600: #4F4FBA;--cla-primary-700: #3A3A8F;--cla-primary-800: #252564;--cla-primary-900: #111138;--light-bg: #6463E5;--light-text: #FFFFFF;--light-accent: #FFFFFF;--dark-bg: #121212;--dark-text: #FFFFFF;--dark-accent: #6463E5;--light-icon-default: #FFFFFF;--light-icon-hover: #E6E6FA;--light-icon-disabled: #A3A1F0;--dark-icon-default: #FFFFFF;--dark-icon-active: #6463E5;--dark-icon-hover: #827FEC;--current-bg: var(--dark-bg);--current-text: var(--dark-text);--current-accent: var(--dark-accent);--current-icon-default: var(--dark-icon-default);--current-icon-active: var(--dark-icon-active);--current-icon-hover: var(--dark-icon-hover);--cla-bg-dark: var(--dark-bg);--cla-bg-elev: rgba(255, 255, 255, .06);--cla-border: rgba(255, 255, 255, .14);--cla-text: var(--dark-text);--cla-text-dim: rgba(235, 235, 255, .7);--cla-success: #10B981;--cla-danger: #ef4444;--cla-radius-lg: 4px;--cla-radius-xl: 4px;--cla-shadow-soft: 0 10px 30px rgba(0, 0, 0, .25)}.theme-light{--current-bg: var(--light-bg);--current-text: var(--light-text);--current-accent: var(--light-accent);--current-icon-default: var(--light-icon-default);--current-icon-active: var(--light-icon-active);--current-icon-hover: var(--light-icon-hover);--cla-bg-dark: var(--light-bg);--cla-bg-elev: rgba(255, 255, 255, .15);--cla-border: rgba(255, 255, 255, .25);--cla-text: var(--light-text);--cla-text-dim: rgba(255, 255, 255, .7);--cla-shadow-soft: 0 10px 30px rgba(0, 0, 0, .15)}.theme-dark{--current-bg: var(--dark-bg);--current-text: var(--dark-text);--current-accent: var(--dark-accent);--current-icon-default: var(--dark-icon-default);--current-icon-active: var(--dark-icon-active);--current-icon-hover: var(--dark-icon-hover);--cla-bg-dark: var(--dark-bg);--cla-bg-elev: rgba(255, 255, 255, .06);--cla-border: rgba(255, 255, 255, .14);--cla-text: var(--dark-text);--cla-text-dim: rgba(235, 235, 255, .7);--cla-shadow-soft: 0 10px 30px rgba(0, 0, 0, .25)}html,body{font-family:var(--font-family-primary)!important;font-size:var(--font-size-body)!important;font-weight:var(--font-weight-regular)!important;line-height:1.5!important;background:var(--current-bg)!important;color:var(--current-text)!important;transition:background-color .3s ease,color .3s ease!important;min-height:100vh}#root{background:var(--current-bg)!important;color:var(--current-text)!important;min-height:100vh}html.theme-light{background:var(--light-bg)!important;color:var(--light-text)!important}html.theme-dark{background:var(--dark-bg)!important;color:var(--dark-text)!important}.cla-h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);line-height:1.2;margin:0 0 16px}.cla-h2{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);line-height:1.3;margin:0 0 12px}.cla-body{font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:1.5;margin:0 0 8px}.cla-caption{font-size:var(--font-size-caption);font-style:italic;font-weight:var(--font-weight-regular);line-height:1.4;margin:0 0 4px}.cla-gradient-bg{background:linear-gradient(135deg,var(--cla-primary-500) 0%,var(--cla-primary-600) 45%,var(--cla-primary-700) 100%)}.theme-light .cla-gradient-bg{background:linear-gradient(135deg,var(--cla-primary-400) 0%,var(--cla-primary-500) 50%,var(--cla-primary-600) 100%)}.splash-container{background:var(--current-bg)!important;min-height:100vh}.theme-light .splash-container,.theme-dark .splash-container{background:var(--cla-primary)!important}.cla-glass{background:var(--cla-bg-elev);border:1px solid var(--cla-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:4px}.cla-container{max-width:1080px;margin:0 auto;padding:20px 12px}@media (min-width: 576px){.cla-container{padding:24px 16px}}@media (min-width: 992px){.cla-container{padding:28px 20px}}.cla-gap-1{gap:.25rem}.cla-gap-2{gap:.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border:none;border-radius:4px;font-family:var(--font-family-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);text-decoration:none;cursor:pointer;transition:all .2s ease;gap:8px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-cla-primary{background:var(--cla-primary-500);color:var(--cla-secondary)}.btn-cla-primary:hover:not(:disabled){background:var(--cla-primary-400);transform:translateY(-1px);box-shadow:0 4px 12px #6463e54d}.btn-cla-outline{background:transparent;color:var(--current-text);border:1px solid var(--cla-border)}.btn-cla-outline:hover:not(:disabled){background:var(--cla-bg-elev);border-color:var(--cla-primary-400)}.btn-sm{padding:8px 16px;font-size:var(--font-size-caption)}.btn-lg{padding:16px 32px;font-size:var(--font-size-h2)}.form-control{width:100%;padding:12px 16px;border:1px solid var(--cla-border);border-radius:4px;background:var(--current-bg);color:var(--current-text);font-family:var(--font-family-primary);font-size:var(--font-size-body);transition:border-color .2s ease,box-shadow .2s ease}.form-control:focus{outline:none;border-color:var(--cla-primary-400);box-shadow:0 0 0 3px #6463e51a}.form-control::placeholder{color:var(--cla-text-dim)}.form-label{display:block;margin-bottom:8px;font-family:var(--font-family-primary);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--current-text)}.card{background:var(--current-bg);border:1px solid var(--cla-border);border-radius:4px;overflow:hidden}.card-body{padding:24px}@media (min-width: 992px){.card.cla-glass .card-body{padding:22px}}.alert{padding:16px;border-radius:4px;border:1px solid;margin-bottom:16px}.alert-danger{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.alert-success{background:#10b9811a;border-color:#10b9814d;color:#10b981}.alert-info{background:#6463e51a;border-color:#6463e54d;color:var(--cla-primary-500)}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:4px;font-family:var(--font-family-primary);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);text-decoration:none}.badge.bg-light{background:var(--cla-bg-elev)!important;color:var(--current-text)!important;border:1px solid var(--cla-border)}.badge.bg-success-subtle{background:#10b9811a!important;color:#10b981!important;border:1px solid rgba(16,185,129,.3)}.badge.bg-info-subtle{background:#6463e51a!important;color:var(--cla-primary-500)!important;border:1px solid rgba(100,99,229,.3)}.badge.bg-warning-subtle{background:#f59e0b1a!important;color:#f59e0b!important;border:1px solid rgba(245,158,11,.3)}.text-white{color:var(--current-text)!important}.text-white-50{color:var(--cla-text-dim)!important}.text-info{color:var(--cla-primary-500)!important}.text-success{color:var(--cla-success)!important}.text-danger{color:var(--cla-danger)!important}.text-warning{color:#f59e0b!important}.bg-light{background:var(--cla-bg-elev)!important}.bg-primary{background:var(--cla-primary-500)!important}.bg-success{background:var(--cla-success)!important}.bg-danger{background:var(--cla-danger)!important}.border-0{border:none!important}.border-light{border-color:var(--cla-border)!important}.rounded-3{border-radius:8px!important}.rounded-pill{border-radius:20px!important}.rounded-circle{border-radius:50%!important}.shadow-sm{box-shadow:0 1px 3px #0000001a!important}.shadow-lg{box-shadow:var(--cla-shadow-soft)!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-block{display:block!important}.d-none{display:none!important}.d-grid{display:grid!important}.flex-column{flex-direction:column!important}.flex-grow-1{flex-grow:1!important}.align-items-center{align-items:center!important}.align-items-stretch{align-items:stretch!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.top-0{top:0!important}.start-0{left:0!important}.end-0{right:0!important}.bottom-0{bottom:0!important}.overflow-hidden{overflow:hidden!important}.text-center{text-align:center!important}.text-decoration-none{text-decoration:none!important}.m-0{margin:0!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.ms-2{margin-left:.5rem!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-3{padding-left:1rem!important;padding-right:1rem!important}.px-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.row{display:flex;flex-wrap:wrap;margin:0 -8px}.col-12{flex:0 0 100%;max-width:100%;padding:0 8px}.col-6,.col-sm-6,.col-md-6{flex:0 0 50%;max-width:50%;padding:0 8px}.col-lg-3{flex:0 0 25%;max-width:25%;padding:0 8px}.col-lg-5{flex:0 0 41.666667%;max-width:41.666667%;padding:0 8px}.col-lg-7{flex:0 0 58.333333%;max-width:58.333333%;padding:0 8px}.col-xl-4{flex:0 0 33.333333%;max-width:33.333333%;padding:0 8px}.col-xl-6{flex:0 0 50%;max-width:50%;padding:0 8px}.g-3>*{margin:0}.g-3>*{padding:12px}@media (min-width: 576px){.d-sm-inline{display:inline!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}}@media (min-width: 768px){.d-md-6{flex:0 0 50%;max-width:50%}}@media (min-width: 992px){.d-lg-3{flex:0 0 25%;max-width:25%}.d-lg-5{flex:0 0 41.666667%;max-width:41.666667%}.d-lg-7{flex:0 0 58.333333%;max-width:58.333333%}}@media (min-width: 1200px){.d-xl-4{flex:0 0 33.333333%;max-width:33.333333%}.d-xl-6{flex:0 0 50%;max-width:50%}}.cla-logo{font-family:var(--font-family-primary);font-weight:var(--font-weight-extrabold);background:linear-gradient(135deg,var(--cla-primary-500),var(--cla-primary-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cla-logo-accent{color:var(--cla-primary-400);-webkit-text-fill-color:var(--cla-primary-400)}.cla-cursor{display:inline-block;width:2px;height:1.2em;background:var(--cla-primary-500);animation:blink 1s infinite;margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.cla-particle{position:absolute;width:4px;height:4px;background:var(--current-text);opacity:.3;border-radius:50%;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0);opacity:.3}50%{transform:translateY(-20px) rotate(180deg);opacity:.8}}.cla-dot{width:8px;height:8px;border-radius:50%;background:var(--current-text);opacity:.25}.hover-lift{transition:transform .18s ease,box-shadow .18s ease}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--cla-shadow-soft)}.table{width:100%;border-collapse:collapse}.table-sm td,.table-sm th{padding:8px}.table-dark{background:transparent;color:var(--current-text)}.table-borderless td,.table-borderless th{border:none}.align-middle{vertical-align:middle}.progress{height:8px;background:var(--cla-bg-elev);border-radius:4px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--cla-primary-500),var(--cla-primary-400));transition:width .35s ease}.spinner-border{display:inline-block;width:2rem;height:2rem;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;animation:spinner-border .75s linear infinite}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentColor;opacity:.5}.placeholder-glow .placeholder{animation:placeholder-glow 2s ease-in-out infinite}@keyframes placeholder-glow{50%{opacity:.2}}.input-group{display:flex;align-items:stretch}.input-group-text{display:flex;align-items:center;padding:12px 16px;background:var(--cla-bg-elev);border:1px solid var(--cla-border);border-right:none;border-radius:4px 0 0 4px;color:var(--cla-text-dim)}.input-group .form-control{border-radius:0 4px 4px 0;border-left:none}.btn-group{display:inline-flex;border-radius:4px;overflow:hidden}.btn-group .btn{border-radius:0;border-right:1px solid var(--cla-border)}.btn-group .btn:first-child{border-radius:8px 0 0 8px}.btn-group .btn:last-child{border-radius:0 8px 8px 0;border-right:none}hr{border:none;height:1px;background:var(--cla-border);margin:16px 0}.container-fluid{width:100%;padding-right:16px;padding-left:16px;margin-right:auto;margin-left:auto}@media (min-width: 576px){.container-fluid{padding-right:24px;padding-left:24px}}@media (min-width: 768px){.container-fluid{padding-right:32px;padding-left:32px}}.top-50{top:50%!important}.start-50{left:50%!important}.translate-middle{transform:translate(-50%,-50%)!important}.translate-middle-y{transform:translateY(-50%)!important}.z-index-1{z-index:1!important}.z-index-10{z-index:10!important}.z-index-1050{z-index:1050!important}.z-index-1080{z-index:1080!important}.fw-normal{font-weight:var(--font-weight-regular)!important}.fw-medium{font-weight:var(--font-weight-medium)!important}.fw-semibold{font-weight:var(--font-weight-semibold)!important}.fw-bold{font-weight:var(--font-weight-bold)!important}.fs-5{font-size:var(--font-size-h2)!important}.fs-6{font-size:var(--font-size-h1)!important}.small{font-size:var(--font-size-caption)!important}.flex-wrap{flex-wrap:wrap!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.invisible{visibility:hidden!important}.visible{visibility:visible!important}.cursor-pointer{cursor:pointer!important}.cursor-not-allowed{cursor:not-allowed!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-85{opacity:.85!important}.w-100{width:100%!important}.h-100{height:100%!important}.min-vh-100{min-height:100vh!important}.min-height-100{min-height:100%!important}.max-width-760{max-width:760px!important}.white-space-pre-wrap{white-space:pre-wrap!important}.transform-translate-y-2{transform:translateY(-2px)!important}.box-shadow-0-8-30{box-shadow:var(--cla-shadow-soft)!important}.backdrop-filter-blur-6{-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important}.backdrop-filter-blur-10{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.animation-float{animation:float 3s ease-in-out infinite!important}@media (min-width: 768px){.h-md-2{font-size:var(--font-size-h2)!important}.h-md-3{font-size:var(--font-size-h1)!important}.p-md-2{padding:.5rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-md-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}}@media (min-width: 1200px){.p-xxl-5{padding:3rem!important}}.cla-intro{width:min(92%,740px)}.cla-field{background:var(--cla-bg-elev);border-color:var(--cla-border);color:var(--current-text)}.cla-field:focus{background:var(--cla-bg-elev);border-color:var(--cla-primary-400)}.toast{background:var(--cla-bg-elev);color:var(--current-text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--cla-border);border-radius:8px}.toast.show{display:block}.toast-header{background:transparent;color:var(--current-text);border:none}.btn-close{background:transparent;border:none;color:var(--current-text);font-size:1.5rem;cursor:pointer}.btn-close-white{filter:invert(1)}.table-responsive{overflow-x:auto}.btn-close{background:transparent;border:none;color:inherit;font-size:1.5rem;cursor:pointer;padding:0;line-height:1}.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1050}.modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--cla-bg-elev)}.modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:760px;width:100%}.subjects-section{background:linear-gradient(135deg,#fff,#f8fafc,#f1f5f9);border:2px solid rgba(100,99,229,.2);border-radius:4px;box-shadow:0 8px 32px #6463e51f,0 4px 16px #0000000a;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.subjects-section:before{content:"";position:absolute;top:0;left:0;right:0;height:"4px";background:linear-gradient(90deg,#6463e5,#8b5bff,#ff6b6b);opacity:0;transition:opacity .3s ease}.subjects-section:hover{transform:none;box-shadow:0 8px 32px #6463e51f,0 4px 16px #0000000a;border-color:#6463e533}.subjects-section:hover:before{opacity:1}.subject-grade-item{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(100,99,229,.15);border-radius:4px;padding:16px;margin-bottom:12px;transition:all .3s ease;position:relative;overflow:hidden}.subject-grade-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(100,99,229,.05),transparent);transition:left .6s ease;pointerEvents:none}.subject-grade-item:hover{transform:none;border-color:#6463e533;box-shadow:none;background:linear-gradient(135deg,#fff,#f8fafc)}.subject-grade-item:hover:before{left:100%}.subject-chip{background:linear-gradient(135deg,#6463e51a,#8b5bff1a);border:1px solid rgba(100,99,229,.2);color:#6463e5;font-weight:500;transition:all .3s ease}.subject-chip:hover{background:linear-gradient(135deg,#6463e526,#8b5bff26);border-color:#6463e566;transform:translateY(-2px);box-shadow:0 4px 12px #6463e533}.grade-chip{background:linear-gradient(135deg,#6463e5,#8b5bff);color:#fff;font-weight:600;border:none;box-shadow:0 2px 8px #6463e54d;transition:all .3s ease}.grade-chip:hover{transform:scale(1.05);box-shadow:0 4px 16px #6463e566}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:16px 20px;background:linear-gradient(135deg,#6463e50d,#8b5bff0d);border-radius:4px;border:1px solid rgba(100,99,229,.1)}.section-header-icon{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#6463e5,#8b5bff);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 16px #6463e54d}.section-header-text{font-size:18px;font-weight:700;color:#1a1a1a;background:linear-gradient(135deg,#6463e5,#8b5bff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes float{0%,to{transform:translateY(0) rotate(0);opacity:.8}50%{transform:translateY(-20px) rotate(180deg);opacity:1}}@keyframes morph{0%,to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}25%{border-radius:58% 42% 75% 25%/76% 46% 54% 24%}50%{border-radius:50% 50% 33% 67%/55% 27% 73% 45%}75%{border-radius:33% 67% 58% 42%/63% 68% 32% 37%}}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeInUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.fas{font-family:"Font Awesome 6 Free";font-weight:900}.fa-user:before{content:"👤"}.fa-sparkles:before{content:"✨"}.fa-exclamation-triangle:before{content:"⚠️"}.fa-envelope:before{content:"✉️"}.fa-lock:before{content:"🔒"}.fa-eye:before{content:"👁️"}.fa-eye-slash:before{content:"🙈"}.fa-sign-in-alt:before{content:"🚪"}.fa-bolt:before{content:"⚡"}#root{max-width:none;margin:0;padding:0;text-align:unset}.demo .logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.demo .logo:hover{filter:drop-shadow(0 0 2em rgba(100,108,255,.67))}.demo .logo.react:hover{filter:drop-shadow(0 0 2em rgba(97,218,251,.67))}@keyframes blob{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}.animate-blob{animation:blob 7s infinite}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}.animate-shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .5s ease-out}