@import"https://fonts.googleapis.com/css2?family=Epilogue:wght@400;600;700;800&family=IBM+Plex+Sans:wght@400;500;600;700&family=Sora:wght@400;500;600;700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--vision-blue: #1e40af;--vision-bright-blue: #3b82f6;--vision-light-blue: #60a5fa;--vision-text-primary: #1f2937;--vision-text-secondary: #6b7280}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}html{scroll-behavior:smooth}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.animate-fadeIn{animation:fadeIn .6s ease-out}.animate-fadeInUp{animation:fadeInUp .8s ease-out}.animate-fadeInLeft{animation:fadeInLeft .8s ease-out}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.assessment-page{--ink: #0a0f1f;--midnight: #0f172a;--accent-amber: #f59e0b;--accent-mint: #34d399;--accent-cyan: #22d3ee;--card: rgba(255, 255, 255, .04);--stroke: rgba(255, 255, 255, .08);background:radial-gradient(140% 80% at 12% 15%,rgba(245,158,11,.08),transparent),radial-gradient(90% 70% at 80% 10%,rgba(34,211,238,.08),transparent),linear-gradient(135deg,#0a0f1f,#0b1630,#0a1024);color:#e2e8f0;font-family:IBM Plex Sans,Epilogue,sans-serif}.assessment-page h1,.assessment-page h2,.assessment-page h3,.assessment-page h4{font-family:Epilogue,IBM Plex Sans,sans-serif;letter-spacing:.01em}.assessment-chip{background:linear-gradient(120deg,#f59e0b29,#34d39929);border:1px solid rgba(255,255,255,.12)}.assessment-card{background:var(--card);border:1px solid var(--stroke);box-shadow:0 20px 50px #00000073;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.assessment-divider{border-image:linear-gradient(90deg,#f59e0b66,#34d3991f,#22d3ee59) 1}.assessment-grid{background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:48px 48px}.glow-accent{box-shadow:0 0 50px #f59e0b40,0 0 90px #22d3ee26}.classroom-page{--ink: #0b1324;--deep: #0e1a2f;--accent-coral: #ff7a6a;--accent-lime: #c8f169;--accent-ice: #74d7f2;--card: rgba(255, 255, 255, .04);--stroke: rgba(255, 255, 255, .08);background:radial-gradient(120% 70% at 15% 20%,rgba(255,122,106,.08),transparent),radial-gradient(90% 60% at 85% 10%,rgba(116,215,242,.08),transparent),linear-gradient(135deg,#0b1324,#0d203a 45%,#0b162e);color:#e5e7eb;font-family:Sora,Epilogue,IBM Plex Sans,sans-serif}.classroom-page h1,.classroom-page h2,.classroom-page h3,.classroom-page h4{font-family:Epilogue,Sora,sans-serif;letter-spacing:.01em}.classroom-chip{background:linear-gradient(120deg,#ff7a6a29,#c8f16929);border:1px solid rgba(255,255,255,.12)}.classroom-card{background:var(--card);border:1px solid var(--stroke);box-shadow:0 20px 50px #00000073;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.classroom-divider{border-image:linear-gradient(90deg,#ff7a6a66,#c8f1691f,#74d7f259) 1}.classroom-grid{background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:46px 46px}