.text-gradient{--tw-gradient-from:#9333ea var(--tw-gradient-from-position);--tw-gradient-to:rgb(147 51 234/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#db2777 var(--tw-gradient-to-position)}.text-gradient,.text-gradient-accent{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.text-gradient-accent{--tw-gradient-from:#eab308 var(--tw-gradient-from-position);--tw-gradient-to:rgb(234 179 8/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#f97316 var(--tw-gradient-to-position)}.text-gradient-student{--tw-gradient-from:#a855f7 var(--tw-gradient-from-position);--tw-gradient-to:rgb(168 85 247/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#ec4899 var(--tw-gradient-to-position)}.text-gradient-student,.text-gradient-teacher{background-image:linear-gradient(to right,var(--tw-gradient-stops));-webkit-background-clip:text;background-clip:text;color:transparent}.text-gradient-teacher{--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:rgb(59 130 246/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#06b6d4 var(--tw-gradient-to-position)}.text-gradient-parent{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:var(--gray-600) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#2563eb var(--tw-gradient-to-position);-webkit-background-clip:text;background-clip:text;color:transparent}.bg-gradient-primary{--tw-gradient-from:#a855f7 var(--tw-gradient-from-position);--tw-gradient-to:rgb(168 85 247/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#db2777 var(--tw-gradient-to-position)}.bg-gradient-primary,.bg-gradient-secondary{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-secondary{--tw-gradient-from:#faf5ff var(--tw-gradient-from-position);--tw-gradient-to:rgb(250 245 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#fdf2f8 var(--tw-gradient-to-position)}.bg-gradient-accent{--tw-gradient-from:#eab308 var(--tw-gradient-from-position);--tw-gradient-to:rgb(234 179 8/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#f97316 var(--tw-gradient-to-position)}.bg-gradient-accent,.bg-gradient-subtle{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-subtle{--tw-gradient-from:#faf5ff var(--tw-gradient-from-position);--tw-gradient-to:rgb(250 245 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#fff var(--tw-gradient-via-position),var(--tw-gradient-to);--tw-gradient-to:#fdf2f8 var(--tw-gradient-to-position)}.gradient-overlay{position:relative;overflow:hidden}.gradient-overlay:before{content:"";position:absolute;inset:0;background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from:rgb(147 51 234/0.1) var(--tw-gradient-from-position);--tw-gradient-to:rgb(147 51 234/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:rgb(219 39 119/0.1) var(--tw-gradient-to-position)}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animated-gradient{background-size:200% 200%;animation:gradient-shift 3s ease infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s ease-out}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-fade-in-down{animation:fadeInDown .6s ease-out}.hover-lift{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.hover-lift:hover{--tw-translate-y:-0.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow:var(--shadow-xl);--tw-shadow-colored:var(--shadow-xl);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover-glow{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.hover-glow:hover{--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:0 10px 40px -10px rgba(147,51,234,.3)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.scale-on-hover{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.scale-on-hover:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.container-max{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width:640px){.container-max{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.container-max{padding-left:2rem;padding-right:2rem}}.hero-container{margin-left:auto;margin-right:auto;max-width:80rem;padding-left:1rem;padding-right:1rem}@media (min-width:640px){.hero-container{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.hero-container{padding-left:2rem;padding-right:2rem}}.section{padding-top:4rem;padding-bottom:4rem}@media (min-width:768px){.section{padding-top:6rem;padding-bottom:6rem}}.card{border-radius:var(--radius-2xl);border-width:1px;border-color:rgb(255 255 255/.2);background-color:rgb(255 255 255/.1);--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.card,.card:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.card:hover{--tw-shadow:var(--shadow-xl);--tw-shadow-colored:var(--shadow-xl)}.card-gradient{border-radius:var(--radius-2xl);background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from:#faf5ff var(--tw-gradient-from-position);--tw-gradient-to:rgb(250 245 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#fdf2f8 var(--tw-gradient-to-position);padding:1.5rem;--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.card-gradient:hover,.glass-card{--tw-shadow:var(--shadow-xl);--tw-shadow-colored:var(--shadow-xl);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.glass-card{border-radius:var(--radius-2xl);border-width:1px;border-color:rgb(255 255 255/.2);background-color:rgb(255 255 255/.8);padding:1.5rem;--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.btn-base{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-xl);padding:.75rem 1.5rem;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.btn-base:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-offset-width:2px}.btn-base:disabled{cursor:not-allowed;opacity:.5}.text-responsive-sm{font-size:.875rem;line-height:1.25rem}@media (min-width:768px){.text-responsive-sm{font-size:1rem;line-height:1.5rem}}.text-responsive-base{font-size:1rem;line-height:1.5rem}@media (min-width:768px){.text-responsive-base{font-size:1.125rem;line-height:1.75rem}}.text-responsive-lg{font-size:1.125rem;line-height:1.75rem}@media (min-width:768px){.text-responsive-lg{font-size:1.25rem;line-height:1.75rem}}@media (min-width:1024px){.text-responsive-lg{font-size:1.5rem;line-height:2rem}}.text-responsive-xl{font-size:1.25rem;line-height:1.75rem}@media (min-width:768px){.text-responsive-xl{font-size:1.5rem;line-height:2rem}}@media (min-width:1024px){.text-responsive-xl{font-size:1.875rem;line-height:2.25rem}}.text-responsive-2xl{font-size:1.5rem;line-height:2rem}@media (min-width:768px){.text-responsive-2xl{font-size:1.875rem;line-height:2.25rem}}@media (min-width:1024px){.text-responsive-2xl{font-size:2.25rem;line-height:2.5rem}}.text-responsive-3xl{font-size:1.875rem;line-height:2.25rem}@media (min-width:768px){.text-responsive-3xl{font-size:2.25rem;line-height:2.5rem}}@media (min-width:1024px){.text-responsive-3xl{font-size:3rem;line-height:1}}.space-section>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(4rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(4rem * var(--tw-space-y-reverse))}@media (min-width:768px){.space-section>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(6rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(6rem * var(--tw-space-y-reverse))}}.space-content>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}@media (min-width:768px){.space-content>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}}.grid-responsive{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem}@media (min-width:768px){.grid-responsive{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.grid-responsive{grid-template-columns:repeat(3,minmax(0,1fr))}}.grid-responsive-2{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem}@media (min-width:768px){.grid-responsive-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.grid-responsive-4{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem}@media (min-width:640px){.grid-responsive-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.grid-responsive-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.focus-purple:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(168 85 247/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px}.focus-pink:focus,.focus-purple:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-pink:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(236 72 153/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px}.scroll-smooth{scroll-behavior:smooth}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:#c084fc var(--gray-100)}.scrollbar-thin::-webkit-scrollbar{width:8px;height:8px}.scrollbar-thin::-webkit-scrollbar-track{border-radius:var(--radius-full);background-color:rgb(255 255 255/.1)}.scrollbar-thin::-webkit-scrollbar-thumb{border-radius:var(--radius-full);--tw-bg-opacity:1;background-color:rgb(192 132 252/var(--tw-bg-opacity,1))}.scrollbar-thin::-webkit-scrollbar-thumb:hover{--tw-bg-opacity:1;background-color:rgb(168 85 247/var(--tw-bg-opacity,1))}.hero-container{width:90rem;padding-left:3rem;padding-right:3rem}@media (min-width:640px){.hero-container{padding-left:2rem;padding-right:2rem}}@media (min-width:1024px){.hero-container{padding-left:3rem;padding-right:3rem}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;border-radius:1rem;transition:all .3s;background:linear-gradient(90deg,#9333ea,#c026d3);color:white;cursor:pointer}.btn-primary:hover{box-shadow:0 20px 25px -5px rgb(0 0 0/.1);transform:scale(1.01)}.btn-primary:active{transform:scale(1)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;border-radius:1rem;transition:all .3s;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#e9d5ff;border:2px solid rgba(233,213,255,.3);cursor:pointer}.btn-secondary:hover{background:rgba(255,255,255,.2);border-color:rgba(216,180,254,.5);box-shadow:0 10px 15px -3px rgb(0 0 0/.1)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;border-radius:1rem;transition:all .3s;color:#3f3f46}.btn-ghost:hover{color:#e9d5ff}.btn-ghost:hover,.card{background:rgba(255,255,255,.1)}.card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:1rem;padding:1.5rem;box-shadow:0 10px 15px -3px rgb(0 0 0/.1);transition:all .3s;cursor:default}.card-gradient{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--primary-50) 0,var(--secondary-50) 100%)}.section{padding:5rem 1rem}@media (min-width:640px){.section{padding:5rem 1.5rem}}@media (min-width:1024px){.section{padding:5rem 2rem}}.container-max{width:100%;max-width:80rem;margin:0 auto;padding:0 1rem}@media (min-width:640px){.container-max{padding:0 1.5rem}}@media (min-width:1024px){.container-max{padding:0 2rem}}.text-gradient{background-image:linear-gradient(90deg,#9333ea,#c026d3)}.text-gradient,.text-gradient-accent{color:transparent;background-clip:text;-webkit-background-clip:text}.text-gradient-accent{background-image:linear-gradient(90deg,#facc15,#f97316)}.hover-lift{transition:all .3s}.hover-lift:hover{transform:translateY(-.25rem);box-shadow:0 20px 25px -5px rgb(0 0 0/.1)}.hover-glow{transition:all .3s}.hover-glow:hover{box-shadow:0 0 30px rgba(147,51,234,.3)}