@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap";:root{--primary-gradient:linear-gradient(135deg, #ffd166 0%, #06d6a0 100%);--primary-yellow:#ffd166;--primary-green:#06d6a0;--primary-red:#ef476f;--primary-dark:#073b4c;--primary-blue:#118ab2;--bg-color:#f9fafb;--text-dark:#1f2937;--text-medium:#4b5563;--text-light:#9ca3af;--white:#fff;--card-shadow:0 8px 30px #0000000a;--clay-shadow:inset 0 4px 6px #ffffff80, inset 0 -4px 6px #0000000d, 0 8px 16px #06d6a040;--clay-hover-shadow:inset 0 4px 6px #fff9, inset 0 -4px 6px #00000014, 0 12px 20px #06d6a059;--font-family:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-dark);background-image:radial-gradient(at 0 0,#c8eae3 0,#0000 50%),radial-gradient(at 100% 0,#f3edbf 0,#0000 50%),radial-gradient(at 100% 100%,#f5e1e8 0,#0000 50%),radial-gradient(at 0 100%,#d9e8f2 0,#0000 50%);background-attachment:fixed;flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{color:var(--text-dark);margin-bottom:.5rem;font-weight:700}p{line-height:1.6}button{cursor:pointer;border:none;outline:none;font-family:inherit}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}}input,textarea{font-family:inherit}.container{width:100%;max-width:1200px;margin:0 auto;padding:2rem}.btn-primary{background:var(--primary-gradient);color:var(--text-dark);box-shadow:var(--clay-shadow);border-radius:24px;justify-content:center;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1.1rem;font-weight:700;transition:all .2s ease-in-out;display:inline-flex}.btn-primary:hover{box-shadow:var(--clay-hover-shadow);transform:translateY(-2px)scale(1.02)}.btn-primary:active{transform:translateY(2px)scale(.98)}.card{background:var(--white);box-shadow:var(--card-shadow);border-radius:24px;padding:2rem}.input-field{background:var(--white);width:100%;color:var(--text-dark);border:2px solid #e5e7eb;border-radius:16px;padding:1rem 1.5rem;font-size:1rem;transition:all .2s;box-shadow:0 4px 12px #00000008}.input-field:focus{border-color:var(--primary-green);outline:none;box-shadow:0 4px 12px #a2d4ab33}.input-label{color:var(--text-dark);margin-bottom:.5rem;font-weight:600;display:block}.choice-card{background:var(--white);cursor:pointer;border:2px solid #0000;border-radius:16px;align-items:center;gap:1rem;margin-bottom:1rem;padding:1.5rem;transition:all .2s;display:flex;box-shadow:0 4px 10px #00000005}.choice-card:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0000000d}.choice-card.selected{border-color:var(--primary-green);background:#f0faf3}@media (width<=640px){.hidden-mobile{display:none!important}}@media (width>=769px){.show-on-mobile{display:none!important}}@media (width<=768px){.container{padding:1rem}.responsive-grid-4,.responsive-grid-3,.responsive-grid-2{grid-template-columns:1fr!important}.flex-col-mobile{flex-direction:column!important;align-items:stretch!important}.hide-on-mobile{display:none!important}.btn-primary,.input-field{width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)!important}.mobile-hide{display:none!important}.mobile-show{display:block!important}.mobile-show-flex{display:flex!important}.w-full-mobile{width:100%!important}}@media (width<=480px){.stats-grid{grid-template-columns:1fr!important}.student-list-item{flex-direction:column;gap:1rem;align-items:flex-start!important}}