:root{--color-primary-50:#f0f4f8;--color-primary-100:#d9e2ec;--color-primary-200:#bcccdc;--color-primary-300:#9fb3c8;--color-primary-400:#829ab1;--color-primary-500:#1e3a5f;--color-primary-600:#172e4d;--color-primary-700:#0f2840;--color-primary-800:#0a1f33;--color-primary-900:#051626;--color-secondary-50:#f8fafc;--color-secondary-100:#f1f5f9;--color-secondary-200:#e2e8f0;--color-secondary-300:#cbd5e1;--color-secondary-400:#94a3b8;--color-secondary-500:#2d4a6f;--color-secondary-600:#243d5c;--color-secondary-700:#1b2e45;--color-secondary-800:#121f2e;--color-secondary-900:#091017;--color-accent-50:#f0f4f8;--color-accent-100:#d9e2ec;--color-accent-200:#bcccdc;--color-accent-300:#9fb3c8;--color-accent-400:#627d98;--color-accent-500:#1e3a5f;--color-accent-600:#172e4d;--color-accent-700:#0f2840;--color-accent-800:#0a1f33;--color-accent-900:#051626;--color-success-50:#ecfdf5;--color-success-100:#d1fae5;--color-success-500:#059669;--color-success-600:#047857;--color-success-700:#065f46;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-500:#d97706;--color-warning-600:#b45309;--color-warning-700:#92400e;--color-error-50:#fff1f2;--color-error-100:#ffe4e6;--color-error-500:#e11d48;--color-error-600:#be123c;--color-error-700:#9f1239;--color-info-50:#f0f9ff;--color-info-100:#e0f2fe;--color-info-500:#0284c7;--color-info-600:#0369a1;--color-info-700:#075985;--color-gray-50:#fafaf9;--color-gray-100:#f5f5f4;--color-gray-200:#e7e5e4;--color-gray-300:#d6d3d1;--color-gray-400:#a8a29e;--color-gray-500:#78716c;--color-gray-600:#57534e;--color-gray-700:#44403c;--color-gray-800:#292524;--color-gray-900:#1c1917;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1e293b;--color-slate-900:#0f172a;--color-slate-950:#020617;--color-white:#ffffff;--color-black:#000000;--color-off-white:#fafaf9;--color-off-black:#0a0a0a;--gradient-primary:linear-gradient(135deg,#1e3a5f,#2d4a6f 50%,#1e3a5f);--gradient-secondary:linear-gradient(135deg,#f8fafc,#f1f5f9);--gradient-accent:linear-gradient(145deg,#1e3a5f,#0f2840);--gradient-gold:linear-gradient(135deg,#1e3a5f,#2d4a6f);--gradient-success:linear-gradient(145deg,#059669,#047857);--gradient-sunset:linear-gradient(135deg,#f8fafc,#e2e8f0);--gradient-ocean:linear-gradient(135deg,#1e3a5f,#0f2840);--gradient-dark:linear-gradient(165deg,#0f1729,#1a2744 25%,#1e3a5f 50%,#1a2744 75%,#0f1729);--gradient-glass-light:linear-gradient(135deg,rgba(255,255,255,0.9),rgba(248,250,252,0.95));--gradient-glass-dark:linear-gradient(145deg,rgba(30,58,95,0.95),rgba(15,40,64,0.98));--font-sans:"DM Sans","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-display:"Plus Jakarta Sans","DM Sans",-apple-system,BlinkMacSystemFont,sans-serif;--font-serif:"Merriweather","Georgia","Times New Roman",serif;--font-mono:"JetBrains Mono","Fira Code","Consolas",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--font-thin:100;--font-extralight:200;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--font-black:900;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--tracking-tighter:-0.05em;--tracking-tight:-0.025em;--tracking-normal:0em;--tracking-wide:0.025em;--tracking-wider:0.05em;--tracking-widest:0.1em;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--space-40:10rem;--space-48:12rem;--space-56:14rem;--space-64:16rem;--size-xs:20rem;--size-sm:24rem;--size-md:28rem;--size-lg:32rem;--size-xl:36rem;--size-2xl:42rem;--size-3xl:48rem;--size-4xl:56rem;--size-5xl:64rem;--size-6xl:72rem;--size-7xl:80rem;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--radius-none:0;--radius-sm:0.125rem;--radius-base:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--shadow-xs:0 1px 2px 0 rgba(0,0,0,0.2);--shadow-sm:0 1px 3px 0 rgba(0,0,0,0.25),0 1px 2px -1px rgba(0,0,0,0.2);--shadow-base:0 4px 6px -1px rgba(0,0,0,0.3),0 2px 4px -2px rgba(0,0,0,0.2);--shadow-md:0 10px 15px -3px rgba(0,0,0,0.35),0 4px 6px -4px rgba(0,0,0,0.25);--shadow-lg:0 20px 25px -5px rgba(0,0,0,0.4),0 8px 10px -6px rgba(0,0,0,0.25);--shadow-xl:0 25px 50px -12px rgba(0,0,0,0.5);--shadow-2xl:0 35px 60px -15px rgba(0,0,0,0.6);--shadow-dark-sm:0 2px 8px 0 rgba(0,0,0,0.5);--shadow-dark-md:0 4px 16px 0 rgba(0,0,0,0.55);--shadow-dark-lg:0 8px 24px 0 rgba(0,0,0,0.6);--shadow-dark-xl:0 12px 32px 0 rgba(0,0,0,0.65);--shadow-primary:0 8px 24px rgba(59,130,246,0.15);--shadow-secondary:0 8px 24px rgba(184,155,106,0.12);--shadow-accent:0 8px 24px rgba(59,130,246,0.2);--shadow-success:0 8px 24px rgba(5,150,105,0.15);--shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,0.15);--shadow-inner-lg:inset 0 4px 8px 0 rgba(0,0,0,0.2);--shadow-glass:0 8px 32px rgba(0,0,0,0.4),inset 0 1px 0 rgba(255,255,255,0.05);--duration-75:75ms;--duration-100:100ms;--duration-150:150ms;--duration-200:200ms;--duration-300:300ms;--duration-400:400ms;--duration-500:500ms;--duration-700:700ms;--duration-1000:1000ms;--ease-linear:linear;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.34,1.56,0.64,1);--ease-smooth:cubic-bezier(0.16,1,0.3,1);--ease-premium:cubic-bezier(0.22,1,0.36,1);--transition-fast:all var(--duration-150) var(--ease-smooth);--transition-base:all var(--duration-200) var(--ease-premium);--transition-slow:all var(--duration-400) var(--ease-premium);--transition-colors:color var(--duration-200) var(--ease-premium),background-color var(--duration-200) var(--ease-premium),border-color var(--duration-200) var(--ease-premium),opacity var(--duration-200) var(--ease-premium);--transition-transform:transform var(--duration-300) var(--ease-smooth);--z-0:0;--z-10:10;--z-20:20;--z-30:30;--z-40:40;--z-50:50;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--opacity-0:0;--opacity-5:0.05;--opacity-10:0.1;--opacity-20:0.2;--opacity-30:0.3;--opacity-40:0.4;--opacity-50:0.5;--opacity-60:0.6;--opacity-70:0.7;--opacity-80:0.8;--opacity-90:0.9;--opacity-95:0.95;--opacity-100:1;--blur-none:0;--blur-sm:4px;--blur-base:8px;--blur-md:12px;--blur-lg:16px;--blur-xl:24px;--blur-2xl:40px;--blur-3xl:64px;--color-bg-primary:#f8fafc;--color-bg-secondary:#f1f5f9;--color-bg-tertiary:#e2e8f0;--color-bg-elevated:#ffffff;--color-text-primary:#0f172a;--color-text-secondary:#334155;--color-text-tertiary:#64748b;--color-text-muted:#94a3b8;--color-border:rgba(0,0,0,0.08);--color-border-light:rgba(0,0,0,0.06);--color-border-strong:rgba(0,0,0,0.12);--color-accent-primary:#3b82f6;--color-accent-secondary:#2563eb;--color-accent-tertiary:#1d4ed8}.dark-mode,body.dark-mode{--color-bg-primary:#0a0a0a;--color-bg-secondary:#141414;--color-bg-tertiary:#1c1c1c;--color-bg-elevated:#242424;--color-text-primary:#fafaf9;--color-text-secondary:#d6d3d1;--color-text-tertiary:#a8a29e;--color-text-muted:#78716c;--color-border:rgba(255,255,255,0.08);--color-border-light:rgba(255,255,255,0.12);--color-border-strong:rgba(255,255,255,0.16);--color-accent-primary:#1e3a5f;--color-accent-secondary:#2d4a6f;--color-accent-tertiary:#2d4a6f}:root{--focus-ring:0 0 0 2px rgba(59,130,246,0.4);--focus-ring-offset:2px;--focus-ring-color:var(--color-accent-500)}:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}:root{--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px}.inline-grid{display:inline-grid}.container{margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}.container-sm{max-width:var(--container-sm)}.container-md{max-width:var(--container-md)}.container-lg{max-width:var(--container-lg)}.container-xl{max-width:var(--container-xl)}.container-2xl{max-width:var(--container-2xl)}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.gap-0{gap:var(--space-0)}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.gap-10{gap:var(--space-10)}.gap-12{gap:var(--space-12)}.gap-16{gap:var(--space-16)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-flow-row{grid-auto-flow:row}.grid-flow-col{grid-auto-flow:column}.m-0{margin:var(--space-0)}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.m-12{margin:var(--space-12)}.m-auto{margin:auto}.mx-0{margin-left:var(--space-0);margin-right:var(--space-0)}.mx-1{margin-left:var(--space-1);margin-right:var(--space-1)}.mx-2{margin-left:var(--space-2);margin-right:var(--space-2)}.mx-4{margin-left:var(--space-4);margin-right:var(--space-4)}.mx-6{margin-left:var(--space-6);margin-right:var(--space-6)}.mx-8{margin-left:var(--space-8);margin-right:var(--space-8)}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:var(--space-0);margin-bottom:var(--space-0)}.my-1{margin-top:var(--space-1);margin-bottom:var(--space-1)}.my-2{margin-top:var(--space-2);margin-bottom:var(--space-2)}.my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.my-6{margin-top:var(--space-6);margin-bottom:var(--space-6)}.my-8{margin-top:var(--space-8);margin-bottom:var(--space-8)}.my-12{margin-top:var(--space-12);margin-bottom:var(--space-12)}.mt-0{margin-top:var(--space-0)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-12{margin-top:var(--space-12)}.mt-16{margin-top:var(--space-16)}.mr-2{margin-right:var(--space-2)}.mr-4{margin-right:var(--space-4)}.mr-6{margin-right:var(--space-6)}.mb-0{margin-bottom:var(--space-0)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-12{margin-bottom:var(--space-12)}.mb-16{margin-bottom:var(--space-16)}.ml-2{margin-left:var(--space-2)}.ml-4{margin-left:var(--space-4)}.ml-6{margin-left:var(--space-6)}.p-0{padding:var(--space-0)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.p-12{padding:var(--space-12)}.p-16{padding:var(--space-16)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.px-12{padding-left:var(--space-12);padding-right:var(--space-12)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.py-12{padding-top:var(--space-12);padding-bottom:var(--space-12)}.pt-4{padding-top:var(--space-4)}.pt-6{padding-top:var(--space-6)}.pt-8{padding-top:var(--space-8)}.pt-12{padding-top:var(--space-12)}.pt-16{padding-top:var(--space-16)}.pb-4{padding-bottom:var(--space-4)}.pb-6{padding-bottom:var(--space-6)}.pb-8{padding-bottom:var(--space-8)}.pb-12{padding-bottom:var(--space-12)}.pb-16{padding-bottom:var(--space-16)}.font-sans{font-family:var(--font-sans)}.font-serif{font-family:var(--font-serif)}.font-mono{font-family:var(--font-mono)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.text-6xl{font-size:var(--text-6xl)}.text-7xl{font-size:var(--text-7xl)}.font-thin{font-weight:var(--font-thin)}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-extrabold{font-weight:var(--font-extrabold)}.leading-none{line-height:var(--leading-none)}.leading-tight{line-height:var(--leading-tight)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.leading-loose{line-height:var(--leading-loose)}.tracking-tight{letter-spacing:var(--tracking-tight)}.tracking-normal{letter-spacing:var(--tracking-normal)}.tracking-wide{letter-spacing:var(--tracking-wide)}.tracking-wider{letter-spacing:var(--tracking-wider)}.text-justify{text-align:justify}.normal-case{text-transform:none}.underline{text-decoration:underline}.no-underline{text-decoration:none}.line-through{text-decoration:line-through}.text-primary{color:var(--color-primary-500)}.text-secondary{color:var(--color-secondary-500)}.text-accent{color:var(--color-accent-500)}.text-success{color:var(--color-success-500)}.text-warning{color:var(--color-warning-500)}.text-error{color:var(--color-error-500)}.text-info{color:var(--color-info-500)}.text-white{color:var(--color-white)}.text-black{color:var(--color-black)}.text-gray-100{color:var(--color-gray-100)}.text-gray-300{color:var(--color-gray-300)}.text-gray-500{color:var(--color-gray-500)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-slate-100{color:var(--color-slate-100)}.text-slate-300{color:var(--color-slate-300)}.text-slate-500{color:var(--color-slate-500)}.text-slate-700{color:var(--color-slate-700)}.bg-primary{background-color:var(--color-primary-500)}.bg-secondary{background-color:var(--color-secondary-500)}.bg-accent{background-color:var(--color-accent-500)}.bg-success{background-color:var(--color-success-500)}.bg-warning{background-color:var(--color-warning-500)}.bg-error{background-color:var(--color-error-500)}.bg-info{background-color:var(--color-info-500)}.bg-white{background-color:var(--color-white)}.bg-black{background-color:var(--color-black)}.bg-transparent{background-color:transparent}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-slate-800{background-color:var(--color-slate-800)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-gradient-primary{background:var(--gradient-primary)}.bg-gradient-secondary{background:var(--gradient-secondary)}.bg-gradient-accent{background:var(--gradient-accent)}.bg-gradient-dark{background:var(--gradient-dark)}.border-0{border-width:0}.border-4{border-width:4px}.border-t{border-top-width:1px}.border-r{border-right-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-primary{border-color:var(--color-primary-500)}.border-secondary{border-color:var(--color-secondary-500)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-slate-700{border-color:var(--color-slate-700)}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-base)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-base)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-primary{box-shadow:var(--shadow-primary)}.shadow-secondary{box-shadow:var(--shadow-secondary)}.shadow-success{box-shadow:var(--shadow-success)}.shadow-inner{box-shadow:var(--shadow-inner)}.opacity-0{opacity:var(--opacity-0)}.opacity-10{opacity:var(--opacity-10)}.opacity-20{opacity:var(--opacity-20)}.opacity-50{opacity:var(--opacity-50)}.opacity-75{opacity:.75}.opacity-100{opacity:var(--opacity-100)}.backdrop-blur-none{backdrop-filter:blur(var(--blur-none))}.backdrop-blur-sm{backdrop-filter:blur(var(--blur-sm))}.backdrop-blur{backdrop-filter:blur(var(--blur-base))}.backdrop-blur-md{backdrop-filter:blur(var(--blur-md))}.backdrop-blur-lg{backdrop-filter:blur(var(--blur-lg))}.backdrop-blur-xl{backdrop-filter:blur(var(--blur-xl))}.transition-none{transition:none}.transition-fast{transition:var(--transition-fast)}.transition{transition:var(--transition-base)}.transition-slow{transition:var(--transition-slow)}.transition-colors{transition:var(--transition-colors)}.transition-transform{transition:var(--transition-transform)}.transform{transform:translate var(--transform-none)}.scale-95{transform:scale(.95)}.scale-100{transform:scale(1)}.scale-105{transform:scale(1.05)}.scale-110{transform:scale(1.1)}.rotate-45{transform:rotate(45deg)}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}.-translate-y-1{transform:translateY(-.25rem)}.-translate-y-2{transform:translateY(-.5rem)}.-translate-y-4{transform:translateY(-1rem)}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z-0{z-index:var(--z-0)}.z-10{z-index:var(--z-10)}.z-20{z-index:var(--z-20)}.z-30{z-index:var(--z-30)}.z-40{z-index:var(--z-40)}.z-50{z-index:var(--z-50)}.w-auto{width:auto}.w-screen{width:100vw}.w-1-2{width:50%}.w-1-3{width:33.333333%}.w-2-3{width:66.666667%}.w-1-4{width:25%}.w-3-4{width:75%}.h-auto{height:auto}.h-screen{height:100vh}.min-h-full{min-height:100%}.max-w-xs{max-width:var(--size-xs)}.max-w-sm{max-width:var(--size-sm)}.max-w-md{max-width:var(--size-md)}.max-w-lg{max-width:var(--size-lg)}.max-w-xl{max-width:var(--size-xl)}.max-w-2xl{max-width:var(--size-2xl)}.max-w-3xl{max-width:var(--size-3xl)}.max-w-4xl{max-width:var(--size-4xl)}.max-w-5xl{max-width:var(--size-5xl)}.max-w-7xl{max-width:var(--size-7xl)}.max-w-full{max-width:100%}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-text{-webkit-user-select:text;-moz-user-select:text;user-select:text}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.select-auto{-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}@media (min-width:640px){.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:hidden{display:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:text-lg{font-size:var(--text-lg)}.sm\:text-xl{font-size:var(--text-xl)}.sm\:text-2xl{font-size:var(--text-2xl)}}@media (min-width:768px){.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:text-xl{font-size:var(--text-xl)}.md\:text-2xl{font-size:var(--text-2xl)}.md\:text-3xl{font-size:var(--text-3xl)}.md\:text-4xl{font-size:var(--text-4xl)}.md\:px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.md\:py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}}@media (min-width:1024px){.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:text-2xl{font-size:var(--text-2xl)}.lg\:text-3xl{font-size:var(--text-3xl)}.lg\:text-4xl{font-size:var(--text-4xl)}.lg\:text-5xl{font-size:var(--text-5xl)}.lg\:px-12{padding-left:var(--space-12);padding-right:var(--space-12)}}@media (min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:text-5xl{font-size:var(--text-5xl)}.xl\:text-6xl{font-size:var(--text-6xl)}}.btn{gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--font-semibold);line-height:var(--leading-tight);border-radius:var(--radius-lg);transition:var(--transition-base);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:disabled{opacity:var(--opacity-50);cursor:not-allowed}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.btn-xl{padding:var(--space-5) var(--space-10);font-size:var(--text-xl)}.btn-primary{background:var(--gradient-primary);color:var(--color-white);box-shadow:var(--shadow-primary)}.btn-primary:hover:not(:disabled){box-shadow:0 12px 32px rgba(30,58,95,.4)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--gradient-secondary);color:var(--color-white);box-shadow:var(--shadow-secondary)}.btn-secondary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px rgba(30,58,95,.3)}.btn-accent{background:var(--gradient-accent);color:var(--color-white);box-shadow:var(--shadow-accent)}.btn-accent:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px rgba(30,58,95,.4)}.btn-success{background-color:var(--color-success-500);color:var(--color-white)}.btn-success:hover:not(:disabled){background-color:var(--color-success-600)}.btn-error{background-color:var(--color-error-500);color:var(--color-white)}.btn-error:hover:not(:disabled){background-color:var(--color-error-600)}.btn-outline{border:2px solid var(--color-primary-500);color:var(--color-primary-500)}.btn-outline:hover:not(:disabled){background-color:var(--color-primary-50)}.btn-outline-secondary{background:transparent;border:2px solid var(--color-secondary-500);color:var(--color-secondary-500)}.btn-outline-secondary:hover:not(:disabled){background-color:var(--color-secondary-50)}.btn-ghost{background:transparent;color:var(--color-gray-700)}.btn-ghost:hover:not(:disabled){background-color:var(--color-gray-100)}.btn-link{background:transparent;color:var(--color-primary-500);padding:var(--space-1) var(--space-2);text-decoration:underline}.btn-link:hover:not(:disabled){color:var(--color-primary-600)}.btn-icon{padding:var(--space-3);border-radius:var(--radius-full)}.btn-icon-sm{padding:var(--space-2)}.btn-icon-lg{padding:var(--space-4)}.btn-group{display:inline-flex;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.btn-group .btn{border-radius:0;border-right:1px solid rgba(255,255,255,.2)}.btn-group .btn:first-child{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.btn-group .btn:last-child{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);border-right:none}.card{background:var(--color-white);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-base);transition:var(--transition-base);border:1px solid var(--color-gray-200)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-glass{background:var(--gradient-glass-light);backdrop-filter:blur(var(--blur-lg));border:1px solid rgba(255,255,255,.2)}.card-gradient{background:var(--gradient-primary);color:var(--color-white);border:none}.card-header{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-gray-200)}.card-header h3{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-gray-900);margin:0}.card-body{color:var(--color-gray-700);line-height:var(--leading-relaxed)}.card-footer{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-gray-200);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}body.dark-mode .card{background:rgba(30,41,59,.8);border-color:rgba(102,126,234,.2);color:var(--color-slate-100)}body.dark-mode .card:hover{border-color:rgba(102,126,234,.5);box-shadow:0 8px 24px rgba(102,126,234,.2)}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-700);margin-bottom:var(--space-2)}.form-label-required:after{content:"*";color:var(--color-error-500);margin-left:var(--space-1)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-gray-900);background-color:var(--color-white);border:2px solid var(--color-gray-300);border-radius:var(--radius-lg);transition:var(--transition-colors);font-family:var(--font-sans)}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--color-gray-400)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px rgba(139,92,246,.1)}.form-input::-moz-placeholder,.form-textarea::-moz-placeholder{color:var(--color-gray-400)}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-gray-400)}.form-input-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.form-input-lg{padding:var(--space-4) var(--space-6);font-size:var(--text-lg)}.form-textarea{resize:vertical;min-height:100px}.form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:var(--space-10);-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-input-error,.form-input-error:focus{border-color:var(--color-error-500)}.form-input-error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.1)}.form-input-success{border-color:var(--color-success-500)}.form-helper-text{color:var(--color-gray-600)}.form-error-text,.form-helper-text{margin-top:var(--space-2);font-size:var(--text-sm)}.form-error-text{color:var(--color-error-500)}.form-checkbox,.form-radio{width:1.25rem;height:1.25rem;color:var(--color-primary-500);border-color:var(--color-gray-300);border-radius:var(--radius-base);cursor:pointer}.form-radio{border-radius:var(--radius-full)}.form-check-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}body.dark-mode .form-input,body.dark-mode .form-select,body.dark-mode .form-textarea{background-color:rgba(51,65,85,.8);border-color:rgba(102,126,234,.2);color:var(--color-slate-100)}body.dark-mode .form-input:focus,body.dark-mode .form-select:focus,body.dark-mode .form-textarea:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px rgba(102,126,234,.2)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);line-height:var(--leading-tight);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.badge-primary{background-color:var(--color-primary-100);color:var(--color-primary-700)}.badge-secondary{background-color:var(--color-secondary-100);color:var(--color-secondary-700)}.badge-success{background-color:var(--color-success-100);color:var(--color-success-700)}.badge-warning{background-color:var(--color-warning-100);color:var(--color-warning-700)}.badge-error{background-color:var(--color-error-100);color:var(--color-error-700)}.badge-info{background-color:var(--color-info-100);color:var(--color-info-700)}.badge-sm{padding:2px var(--space-2);font-size:.625rem}.badge-lg{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.alert{padding:var(--space-4);border-radius:var(--radius-lg);border-left:4px solid;display:flex;align-items:start;gap:var(--space-3)}.alert-icon{width:1.5rem;height:1.5rem}.alert-title{font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.alert-description{font-size:var(--text-sm);opacity:var(--opacity-90)}.alert-success{background-color:var(--color-success-50);border-color:var(--color-success-500);color:var(--color-success-700)}.alert-warning{background-color:var(--color-warning-50);border-color:var(--color-warning-500);color:var(--color-warning-700)}.alert-error{background-color:var(--color-error-50);border-color:var(--color-error-500);color:var(--color-error-700)}.alert-info{background-color:var(--color-info-50);border-color:var(--color-info-500);color:var(--color-info-700)}.modal-backdrop{background-color:rgba(0,0,0,.5);backdrop-filter:blur(var(--blur-sm));z-index:var(--z-modal-backdrop);padding:var(--space-4);animation:fadeIn var(--duration-200) var(--ease-out)}.modal{background-color:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-width:var(--size-2xl);width:100%;max-height:90vh;overflow:hidden;z-index:var(--z-modal);animation:modalSlideIn var(--duration-300) var(--ease-smooth)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:var(--space-6);border-bottom:1px solid var(--color-gray-200)}.modal-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-gray-900);margin:0}.modal-close{background:transparent;padding:var(--space-2);color:var(--color-gray-500);transition:var(--transition-colors);border-radius:var(--radius-lg)}.modal-close:hover{background-color:var(--color-gray-100);color:var(--color-gray-700)}.modal-body{padding:var(--space-6);overflow-y:auto;max-height:calc(90vh - 140px)}.modal-footer{padding:var(--space-6);border-top:1px solid var(--color-gray-200);align-items:center;gap:var(--space-3)}body.dark-mode .modal{background-color:var(--color-slate-800)}body.dark-mode .modal-footer,body.dark-mode .modal-header{border-color:rgba(102,126,234,.2)}.nav{display:flex;list-style:none;padding:0}.nav,.nav-item{margin:0}.nav-link{display:block;padding:var(--space-3) var(--space-4);color:var(--color-gray-700);font-weight:var(--font-medium);border-radius:var(--radius-lg);transition:var(--transition-colors)}.nav-link:hover{background-color:var(--color-gray-100);color:var(--color-gray-900)}.nav-link-active{background-color:var(--color-primary-100);color:var(--color-primary-700)}.tabs{border-bottom:2px solid var(--color-gray-200)}.tab-item{padding:var(--space-3) var(--space-6);color:var(--color-gray-600);border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:var(--transition-colors)}.tab-item:hover{color:var(--color-gray-900);border-bottom-color:var(--color-gray-300)}.tab-item-active{color:var(--color-primary-600);border-bottom-color:var(--color-primary-600);font-weight:var(--font-semibold)}.progress{width:100%;height:.75rem;background-color:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden}.progress-bar{background:var(--gradient-primary);transition:width var(--duration-500) var(--ease-out);position:relative}.progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.progress-sm{height:.5rem}.progress-lg{height:1rem}.tooltip{position:relative;display:inline-block}.tooltip-content{position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-8px);background-color:var(--color-gray-900);color:var(--color-white);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--duration-200) var(--ease-out);z-index:var(--z-tooltip)}.tooltip:hover .tooltip-content{opacity:1}.tooltip-content:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:4px solid transparent;border-top:4px solid var(--color-gray-900)}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:100%;left:0;margin-top:var(--space-2);background-color:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);min-width:200px;padding:var(--space-2);z-index:var(--z-dropdown);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--duration-200) var(--ease-out)}.dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{padding:var(--space-3) var(--space-4);color:var(--color-gray-700);border-radius:var(--radius-lg);transition:var(--transition-colors)}.dropdown-item:hover{background-color:var(--color-gray-100);color:var(--color-gray-900)}.dropdown-divider{height:1px;background-color:var(--color-gray-200);margin:var(--space-2) 0}.spinner{width:2rem;height:2rem;border:3px solid var(--color-gray-200);border-top-color:var(--color-primary-500);border-radius:var(--radius-full)}.spinner-sm{width:1rem;height:1rem;border-width:2px}.spinner-lg{width:3rem;height:3rem;border-width:4px}.divider{height:1px;margin:var(--space-6) 0}.divider,.divider-vertical{background-color:var(--color-gray-200)}.divider-vertical{width:1px;height:100%;margin:0 var(--space-4)}.animate-fade-in{animation:fadeIn var(--duration-500) var(--ease-out)}.animate-fade-in-up{animation:fadeInUp var(--duration-500) var(--ease-out)}.animate-fade-in-down{animation:fadeInDown var(--duration-500) var(--ease-out)}.animate-slide-in-left{animation:slideInLeft var(--duration-500) var(--ease-out)}.animate-slide-in-right{animation:slideInRight var(--duration-500) var(--ease-out)}.animate-scale-in{animation:scaleIn var(--duration-300) var(--ease-smooth)}:root{--primary-blue:#2f3c7e;--secondary-blue:#5e72e4;--accent-yellow:#ffca28;--coaching-blue:#1e40af;--coaching-gradient:linear-gradient(135deg,#2f3c7e,#5e72e4);--hero-gradient:linear-gradient(135deg,var(--primary-blue) 60%,var(--secondary-blue));--card-shadow:0 6px 18px rgba(0,0,0,0.1);--card-shadow-hover:0 10px 24px rgba(0,0,0,0.15);--button-shadow:0 4px 12px rgba(47,60,126,0.3);--smooth-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--bounce-transition:all 0.4s cubic-bezier(0.68,-0.55,0.265,1.55)}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--text-main,#333333);overflow-x:hidden}.container{max-width:1200px;padding:0 1rem}@media (min-width:640px){.container{padding:0 2rem}}.header,header{background:var(--color-white,#ffffff);box-shadow:0 2px 10px rgba(0,0,0,.08);position:sticky;top:0;z-index:999;padding:.75rem 0;transition:var(--smooth-transition);backdrop-filter:blur(10px);background:rgba(255,255,255,.95)}.header.scrolled{box-shadow:0 4px 20px rgba(0,0,0,.12);padding:.5rem 0}.navbar{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 1rem}.logo{font-size:1.9rem;font-weight:800;color:var(--primary-blue);background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:var(--smooth-transition)}.logo:hover{transform:scale(1.05)}.nav-links{display:flex;gap:2rem;align-items:center;list-style:none}.nav-links a{color:var(--gray-700,#374151);font-weight:500;text-decoration:none;position:relative;padding:.5rem 0;transition:var(--smooth-transition)}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--secondary-blue);transition:width .3s ease}.nav-links a:hover{color:var(--secondary-blue)}.nav-links a:hover:after{width:100%}.nav-links a.active{color:var(--primary-blue);font-weight:600}.hero{background:var(--hero-gradient);color:var(--color-white,#ffffff);padding:120px 20px 100px}.hero:before{top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(94,114,228,.3) 0,transparent 50%)}.hero-content{z-index:1;max-width:900px;margin:0 auto}.hero h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.2;margin-bottom:1rem;animation:fadeInUp .8s ease-out}.hero p{font-size:clamp(1rem,2vw,1.25rem);margin-bottom:2rem;opacity:.95;line-height:1.7;animation:fadeInUp .8s ease-out .2s backwards}.hero .cta-group{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;animation:fadeInUp .8s ease-out .4s backwards}.hero .btn-hero-primary{padding:16px 32px;background:var(--accent-yellow);color:var(--primary-blue);font-weight:700;border-radius:8px;font-size:1.1rem;box-shadow:var(--button-shadow);transition:var(--smooth-transition);border:none;cursor:pointer;text-decoration:none;display:inline-block}.hero .btn-hero-primary:hover{background:#e6b700;transform:translateY(-4px);box-shadow:0 8px 20px rgba(255,202,40,.4)}.hero .btn-hero-secondary{padding:16px 32px;background:rgba(255,255,255,.15);color:white;font-weight:600;border-radius:8px;border:2px solid rgba(255,255,255,.4);font-size:1.1rem;cursor:pointer;transition:var(--smooth-transition);text-decoration:none;display:inline-block;backdrop-filter:blur(10px)}.hero .btn-hero-secondary:hover{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.6);transform:translateY(-4px)}.course-card,.feature-card{background:var(--color-white,#ffffff);border-radius:12px;box-shadow:var(--card-shadow);overflow:hidden;transition:var(--smooth-transition);height:100%;display:flex;flex-direction:column}.course-card:hover,.feature-card:hover{transform:translateY(-8px);box-shadow:var(--card-shadow-hover)}.course-card-image,.feature-card-image{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;border-bottom:3px solid var(--primary-blue);transition:var(--smooth-transition)}.course-card:hover .course-card-image,.feature-card:hover .feature-card-image{transform:scale(1.05)}.course-card-body,.feature-card-body{padding:1.5rem;flex:1;display:flex;flex-direction:column}.course-card-title,.feature-card-title{font-size:1.4rem;font-weight:700;color:var(--primary-blue);margin-bottom:.75rem;line-height:1.3}.course-card-description,.feature-card-description{color:var(--text-muted,#666666);margin-bottom:1rem;line-height:1.6;flex:1}.course-card-meta{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid var(--gray-200,#e5e7eb);font-size:.875rem;color:var(--gray-600,#4b5563)}.course-card-meta-item{display:flex;align-items:center;gap:.25rem}.course-price{display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,var(--accent-yellow),#ffd54f);color:var(--primary-blue);font-weight:700;border-radius:6px;margin-top:auto}.btn-modern{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;padding:12px 24px;border-radius:8px;cursor:pointer;border:none;transition:var(--smooth-transition);text-decoration:none;font-size:1rem;line-height:1.5}.btn-primary-modern{background:var(--primary-blue);color:var(--color-white,#ffffff);box-shadow:var(--button-shadow)}.btn-primary-modern:hover{background:#1b2655;transform:translateY(-2px) scale(1.02);box-shadow:0 6px 16px rgba(47,60,126,.4)}.btn-secondary-modern{background:transparent;color:var(--primary-blue);border:2px solid var(--primary-blue)}.btn-secondary-modern:hover{background:var(--primary-blue);color:var(--color-white,#ffffff);transform:translateY(-2px)}.btn-accent-modern{background:var(--secondary-blue);color:white}.btn-accent-modern:hover{background:#4c63d2;transform:translateY(-2px) scale(1.02)}.btn-sm-modern{padding:8px 16px;font-size:.875rem}.btn-lg-modern{padding:16px 32px;font-size:1.125rem}.btn-icon{padding:12px;border-radius:50%;min-width:48px;min-height:48px}.grid-courses,.grid-features{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin:2rem 0}@media (max-width:768px){.grid-courses,.grid-features{grid-template-columns:1fr;gap:1.5rem}}.section{padding:5rem 0}.section-header{margin-bottom:3rem}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:var(--primary-blue);background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:var(--text-muted,#666666);max-width:700px;line-height:1.7}a:not(.btn):not(.logo){transition:var(--smooth-transition)}a:not(.btn):not(.logo):hover{color:var(--secondary-blue)}.hover-lift,.hover-scale{transition:var(--smooth-transition)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--card-shadow-hover)}.hover-glow{transition:var(--smooth-transition)}.hover-glow:hover{box-shadow:0 0 20px rgba(94,114,228,.4)}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.5);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-ripple:active:after{width:300px;height:300px}@media (max-width:768px){.hero{padding:80px 20px 60px}.hero h1{font-size:2rem}.hero p{font-size:1rem}.course-card-image,.feature-card-image{height:160px}.nav-links{gap:1rem}.section{padding:3rem 0}}@media (max-width:480px){.hero .cta-group{flex-direction:column}.hero .btn-hero-primary,.hero .btn-hero-secondary{width:100%;padding:14px 24px}.logo{font-size:1.5rem}}:focus-visible{outline:3px solid var(--secondary-blue)}.skip-to-content{position:absolute;top:-100px;left:0;background:var(--primary-blue);color:white;padding:12px 24px;border-radius:0 0 8px 0;transition:top .3s;z-index:9999}.skip-to-content:focus{top:0}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.flex-col{flex-direction:column}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.w-full{width:100%}.h-full{height:100%}.rounded{border-radius:8px}.rounded-lg{border-radius:12px}.rounded-full{border-radius:9999px}.shadow{box-shadow:var(--card-shadow)}.shadow-lg{box-shadow:var(--card-shadow-hover)}.skeleton{background:linear-gradient(90deg,var(--gray-200,#e5e7eb) 25%,var(--gray-100,#f3f4f6) 50%,var(--gray-200,#e5e7eb) 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{border:3px solid rgba(94,114,228,.1);border-top:3px solid var(--secondary-blue);width:40px;height:40px;animation:spin .8s linear infinite}@media print{.btn,.hero,.navbar{display:none}body{background:white;color:black}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#ffffff;padding:2rem 1rem}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 100% 60% at 30% 30%,rgba(30,58,95,.03),transparent 50%),radial-gradient(ellipse 80% 50% at 70% 70%,rgba(30,58,95,.02),transparent 50%);pointer-events:none}.hero-container{position:relative;max-width:1200px;margin:0 auto;padding:4rem 2rem;text-align:center;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:rgba(30,58,95,.08);border:1px solid rgba(30,58,95,.15);border-radius:50px;color:#1e3a5f;font-size:.875rem;font-weight:500;margin-bottom:1.5rem;letter-spacing:.01em}.hero-badge-icon{width:1rem;height:1rem}.hero-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;color:#1e293b;letter-spacing:-.03em}.hero-gradient-text{color:#1e3a5f}.hero-subtitle{font-size:clamp(1.125rem,2vw,1.25rem);line-height:1.7;color:#64748b;max-width:650px;font-weight:400}.hero-cta{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:4rem}.btn{padding:.875rem 2rem;border-radius:8px;text-decoration:none;transition:all .25s cubic-bezier(.22,1,.36,1);letter-spacing:.01em}.btn-primary{background:linear-gradient(145deg,#1e3a5f,#0f2840);color:#ffffff;box-shadow:0 4px 12px rgba(30,58,95,.25)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(30,58,95,.35);filter:brightness(1.05)}.btn-secondary{background:#ffffff;color:#1e3a5f;border:1px solid rgba(30,58,95,.2)}.btn-secondary:hover{background:#f8fafc;border-color:rgba(30,58,95,.3)}.hero-scroll-indicator{color:#78716c;font-size:.875rem}.hero-scroll-icon{width:24px;height:36px;border:2px solid rgba(255,255,255,.15);border-radius:50px;position:relative}.hero-scroll-icon:before{content:"";position:absolute;width:3px;height:6px;background:#78716c;border-radius:2px;top:8px;left:50%;transform:translateX(-50%)}.how-it-works-section{padding:5rem 2rem;background:linear-gradient(135deg,#f8fafc,#ffffff);position:relative}.how-it-works-container{max-width:1400px}.how-it-works-header{text-align:center;margin-bottom:4rem}.how-it-works-header .section-badge{display:inline-block;padding:.5rem 1.25rem;background:rgba(30,58,95,.08);border:1px solid rgba(30,58,95,.15);border-radius:50px;color:#1e3a5f;font-size:.875rem;font-weight:500;letter-spacing:.05em;margin-bottom:1rem}.how-it-works-header h2{font-size:2.5rem;font-weight:700;color:#1e293b;margin-bottom:1rem;line-height:1.2}.how-it-works-header .gradient-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.steps-grid{display:flex;align-items:stretch;justify-content:center;gap:1.5rem;margin-bottom:3rem;flex-wrap:wrap}.step-card{border-radius:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03);transition:all .3s ease;position:relative;flex:1;min-width:200px;max-width:280px;flex-direction:column}.step-arrow,.step-card{display:flex;align-items:center}.step-arrow{justify-content:center;font-size:2rem;color:#cbd5e1;font-weight:300;padding-top:2rem;flex-shrink:0}.step-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.step-icon-wrapper{width:64px;height:64px;margin:0 auto 1.5rem;border-radius:16px;display:flex;align-items:center;justify-content:center;position:relative}.step-icon{color:white;font-size:1.5rem}.step-icon svg{width:24px;height:24px}.step-number{position:absolute;top:.75rem;right:.75rem;color:#cbd5e1;letter-spacing:.05em}.step-card h3{font-size:1.25rem;font-weight:600;color:#1e293b!important;margin-bottom:.75rem;line-height:1.4}.step-card p{font-size:.9375rem;color:#64748b!important;line-height:1.6;opacity:1!important}.get-started-button{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:white;font-size:1rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px -1px rgba(59,130,246,.3)}.get-started-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px -5px rgba(59,130,246,.4)}.get-started-button svg{transition:transform .3s ease}.get-started-button:hover svg{transform:translateX(4px)}.steps-grid .step-card.scroll-animate{opacity:1!important;transform:translateY(0)!important}.steps-grid .step-card.scroll-animate h3,.steps-grid .step-card.scroll-animate p{opacity:1!important;visibility:visible!important}@media (max-width:1024px){.steps-grid{gap:1rem}.step-card{min-width:180px;max-width:240px}.step-arrow{display:none}}@media (max-width:640px){.how-it-works-header h2{font-size:1.875rem}.steps-grid{flex-direction:column;align-items:center}.step-card{width:100%;max-width:100%}.how-it-works-section{padding:3rem 1rem}}.features{padding:5rem 2rem;background:#f8fafc}.section-header{text-align:center;margin-bottom:4rem}.section-label{display:inline-block;font-size:.875rem;font-weight:500;color:#1e3a5f;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem}.section-title{font-size:clamp(1.875rem,4vw,2.5rem);color:#1e293b;line-height:1.2}.section-description{font-size:1.125rem;line-height:1.7;color:#64748b;max-width:650px;margin:0 auto}.features-grid{max-width:1200px;margin:0 auto}.feature-card{background:#ffffff;border:1px solid rgba(30,58,95,.1);border-radius:12px;transition:all .25s cubic-bezier(.22,1,.36,1)}.feature-card:hover{border-color:rgba(30,58,95,.2);transform:translateY(-3px);box-shadow:0 12px 32px rgba(30,58,95,.1)}.feature-icon{width:56px;height:56px;background:linear-gradient(145deg,rgba(30,58,95,.1),rgba(30,58,95,.05));display:flex;font-size:1.75rem}.feature-title{font-size:1.25rem;font-weight:600;color:#1e293b;letter-spacing:-.01em}.feature-description{font-size:1rem;line-height:1.6;color:#64748b}.feature-link{display:inline-flex;align-items:center;gap:.5rem;color:#1e3a5f;font-weight:500;text-decoration:none;transition:gap .2s ease}.feature-link:hover{gap:.75rem;color:#2d4a6f}.stats{padding:4rem 2rem;background:#ffffff}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem;max-width:1200px;margin:0 auto}.stat-card{text-align:center}.stat-number{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:#1e3a5f;letter-spacing:-.02em}.stat-label{font-size:1rem}.testimonials{padding:5rem 2rem;background:#f8fafc}.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));max-width:1200px;margin:0 auto}.testimonial-card{background:#ffffff;border:1px solid rgba(30,58,95,.1);border-radius:12px;transition:all .25s cubic-bezier(.22,1,.36,1)}.testimonial-card:hover{border-color:rgba(30,58,95,.2);box-shadow:0 8px 24px rgba(30,58,95,.1)}.testimonial-quote{font-size:2.5rem;line-height:1;color:rgba(30,58,95,.3);margin-bottom:1rem}.testimonial-avatar{width:48px;height:48px;border-radius:50%;border:2px solid rgba(30,58,95,.1);-o-object-fit:cover;object-fit:cover}.testimonial-author-info{flex:1}.testimonial-author-name{font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:.25rem}.testimonial-author-title{font-size:.875rem;color:#64748b}.testimonial-rating{color:#1e3a5f;font-size:1rem}.cta{padding:5rem 2rem;background:#ffffff}.cta-container{max-width:800px;margin:0 auto;text-align:center;background:linear-gradient(145deg,rgba(30,58,95,.08),rgba(30,58,95,.03));border:1px solid rgba(30,58,95,.15);border-radius:16px;padding:4rem 2rem}.cta-title{font-size:clamp(1.875rem,4vw,2.5rem);font-weight:700;color:#1e293b;margin-bottom:1rem;line-height:1.2;letter-spacing:-.02em}.cta-description{font-size:1.125rem;line-height:1.7;color:#64748b;margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.footer{background:#f8fafc;border-top:1px solid rgba(30,58,95,.1);padding:4rem 2rem 2rem}.footer-container{max-width:1200px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;margin-bottom:3rem}.footer-section{display:flex;flex-direction:column;gap:1rem}.footer-logo{font-size:1.5rem;font-weight:600;color:#1e293b;margin-bottom:.5rem;letter-spacing:-.02em}.footer-description{color:#64748b;line-height:1.6;font-size:.9375rem}.footer-title{font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:1rem;letter-spacing:-.01em}.footer-links{flex-direction:column;gap:.75rem;list-style:none;padding:0;margin:0}.footer-link{color:#64748b;transition:color .25s cubic-bezier(.22,1,.36,1);font-size:.9375rem}.footer-link:hover{color:#1e3a5f}.footer-social{display:flex;gap:.75rem}.footer-social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff;border:1px solid rgba(30,58,95,.1);border-radius:8px;color:#64748b;transition:all .25s cubic-bezier(.22,1,.36,1)}.footer-social-link:hover{background:rgba(30,58,95,.08);border-color:rgba(30,58,95,.2);color:#1e3a5f}.footer-bottom{padding-top:2rem;border-top:1px solid rgba(30,58,95,.1);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;color:#64748b;font-size:.875rem}.footer-copyright{display:flex;align-items:center;gap:.5rem}.footer-legal{display:flex;gap:1.5rem;list-style:none;padding:0;margin:0}.footer-legal-link{color:#64748b;text-decoration:none;transition:color .25s cubic-bezier(.22,1,.36,1)}.footer-legal-link:hover{color:#1e3a5f}@media (max-width:768px){.hero{min-height:90vh;padding:4rem 1.5rem}.hero-title{font-size:2.25rem}.hero-subtitle{font-size:1.125rem}.hero-cta{flex-direction:column}.hero-cta .btn{width:100%;max-width:320px}.features-grid,.stats-grid,.testimonials-grid{grid-template-columns:1fr;gap:1.5rem}.section-title{font-size:2rem}.cta-container{padding:2.5rem 1.5rem}.footer-bottom{flex-direction:column;text-align:center}.footer-grid{grid-template-columns:1fr;gap:2rem}}@media (max-width:480px){.hero{padding:3rem 1rem}.hero-scroll-indicator{display:none}.feature-card{padding:1.5rem}.stat-number{font-size:2.5rem}.testimonial-card{padding:1.5rem}.section-label{font-size:.8125rem}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media (prefers-contrast:high){.cta-container,.feature-card,.hero-badge,.testimonial-card{border-width:2px}}:root{--landing-primary:#1e3a5f;--landing-primary-light:#2d4a6f;--landing-primary-dark:#0f2840;--landing-accent:#3b82f6;--landing-accent-light:#60a5fa;--landing-accent-dark:#2563eb;--landing-bg:#ffffff;--landing-bg-alt:#f8fafc;--landing-bg-elevated:#ffffff;--landing-text:#1e293b;--landing-text-muted:#64748b;--landing-text-light:#94a3b8;--landing-border:rgba(30,58,95,0.1);--gradient-primary:linear-gradient(135deg,#1e3a5f,#3b82f6);--gradient-accent:linear-gradient(135deg,#3b82f6,#8b5cf6);--gradient-hero:linear-gradient(135deg,rgba(59,130,246,0.1),rgba(139,92,246,0.05));--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.25);--shadow-glow:0 0 40px rgba(59,130,246,0.15);--section-padding:clamp(4rem,8vw,8rem);--container-max:1280px;--container-padding:clamp(1rem,4vw,2rem);--font-display:"Plus Jakarta Sans","DM Sans",-apple-system,sans-serif;--font-body:"DM Sans","Inter",-apple-system,sans-serif;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--transition-bounce:500ms cubic-bezier(0.34,1.56,0.64,1);--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px}.landing-navbar-enhanced{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 0;transition:all var(--transition-base);background:transparent}.landing-navbar-enhanced.scrolled{background:rgba(255,255,255,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-md);padding:.75rem 0}.navbar-container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding);display:flex;align-items:center;justify-content:space-between}.navbar-logo{text-decoration:none;transition:transform var(--transition-fast)}.navbar-logo:hover{transform:scale(1.02)}.logo-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:var(--radius-md);color:white;font-size:1.25rem}.logo-text{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--landing-text);letter-spacing:-.02em}.navbar-center{display:none;align-items:center;gap:.5rem}@media (min-width:1024px){.navbar-center{display:flex}}.nav-item{position:relative}.nav-link{display:flex;align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.9375rem;color:var(--landing-text);background:none;border:none;cursor:pointer;transition:color var(--transition-fast);border-radius:var(--radius-sm)}.nav-link:hover{color:var(--landing-accent);background:rgba(59,130,246,.05)}.dropdown-icon{font-size:.875rem;transition:transform var(--transition-fast)}.nav-item:hover .dropdown-icon{transform:rotate(180deg)}.nav-dropdown{position:absolute;top:100%;left:0;min-width:200px;padding:.5rem;background:white;border-radius:var(--radius-md);box-shadow:var(--shadow-xl);border:1px solid var(--landing-border)}.dropdown-item{display:block;padding:.625rem 1rem;font-size:.875rem;color:var(--landing-text);text-decoration:none;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.dropdown-item:hover{background:rgba(59,130,246,.05);color:var(--landing-accent)}.navbar-actions{display:none;gap:.75rem}@media (min-width:768px){.navbar-actions{display:flex}}.nav-btn-login{padding:.5rem 1.25rem;font-size:.9375rem;font-weight:500;color:var(--landing-text);background:transparent;border:none;cursor:pointer;transition:color var(--transition-fast)}.nav-btn-login:hover{color:var(--landing-accent)}.nav-btn-signup{padding:.625rem 1.5rem;font-size:.9375rem;font-weight:600;color:white;background:var(--gradient-primary);border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 14px rgba(30,58,95,.25)}.nav-btn-signup:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(30,58,95,.35)}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:none;font-size:1.5rem;color:var(--landing-text);cursor:pointer}@media (min-width:768px){.mobile-menu-toggle{display:none}}.mobile-menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1001}.mobile-menu{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:320px;background:white;z-index:1002;display:flex;flex-direction:column}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--landing-border)}.mobile-menu-close{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:none;font-size:1.5rem;color:var(--landing-text);cursor:pointer}.mobile-menu-content{flex:1;padding:1rem;overflow-y:auto}.mobile-nav-item{margin-bottom:.5rem}.mobile-nav-link{display:block;width:100%;padding:.875rem 1rem;font-size:1rem;font-weight:500;color:var(--landing-text);text-align:left;background:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.mobile-nav-link:hover{background:rgba(59,130,246,.05)}.mobile-submenu{padding-left:1rem}.mobile-submenu-item{display:block;width:100%;padding:.625rem 1rem;font-size:.9375rem;color:var(--landing-text-muted);text-align:left;background:none;border:none;cursor:pointer;transition:color var(--transition-fast)}.mobile-submenu-item:hover{color:var(--landing-accent)}.mobile-menu-footer{padding:1rem;border-top:1px solid var(--landing-border);display:flex;flex-direction:column;gap:.75rem}.mobile-btn-login,.mobile-btn-signup{width:100%;padding:.875rem;font-size:1rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.mobile-btn-login{background:white;color:var(--landing-primary);border:2px solid var(--landing-border)}.mobile-btn-signup{background:var(--gradient-primary);color:white;border:none}.hero-section-enhanced{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:6rem var(--container-padding) 3rem;overflow:hidden}.hero-bg-wrapper{position:absolute;inset:0;overflow:hidden;pointer-events:none}.hero-gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5}.hero-orb-1{width:600px;height:600px;background:rgba(59,130,246,.15);top:-200px;right:-100px}.hero-orb-2{width:400px;height:400px;background:rgba(139,92,246,.1);bottom:-100px;left:-50px}.hero-orb-3{width:300px;height:300px;background:rgba(16,185,129,.08);top:50%;left:50%;transform:translate(-50%,-50%)}.hero-grid-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(30,58,95,.03) 1px,transparent 0);background-size:40px 40px}.hero-content-wrapper{position:relative;z-index:1;max-width:var(--container-max);margin:0 auto;width:100%;display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}@media (min-width:1024px){.hero-content-wrapper{grid-template-columns:1fr 1fr;gap:4rem}}.hero-main-content{text-align:center}@media (min-width:1024px){.hero-main-content{text-align:left}}.hero-announcement-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-full);font-size:.875rem;font-weight:500;color:var(--landing-accent);margin-bottom:1.5rem;cursor:pointer;transition:all var(--transition-base)}.hero-announcement-badge:hover{background:rgba(59,130,246,.15);transform:translateY(-2px)}.badge-icon{font-size:1rem}.badge-arrow{font-size:.875rem;transition:transform var(--transition-fast)}.hero-announcement-badge:hover .badge-arrow{transform:translateX(4px)}.hero-headline{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.1;color:var(--landing-text);letter-spacing:-.03em;margin-bottom:1.5rem}.hero-gradient-text{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-value-prop{font-size:clamp(1.125rem,2vw,1.25rem);line-height:1.7;color:var(--landing-text-muted);margin-bottom:2rem;max-width:540px}@media (min-width:1024px){.hero-value-prop{margin-left:0;margin-right:auto}}.hero-cta-group{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem;justify-content:center}@media (min-width:1024px){.hero-cta-group{justify-content:flex-start}}.hero-btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;color:white;background:var(--gradient-primary);border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 14px rgba(30,58,95,.3)}.hero-btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(30,58,95,.4)}.hero-btn-primary .btn-icon{transition:transform var(--transition-fast)}.hero-btn-primary:hover .btn-icon{transform:translateX(4px)}.hero-btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;color:var(--landing-text);background:white;border:2px solid var(--landing-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base)}.hero-btn-secondary:hover{border-color:var(--landing-accent);color:var(--landing-accent);background:rgba(59,130,246,.05)}.btn-icon-play{font-size:1.25rem}.hero-trust-row{display:flex;align-items:center;gap:1rem;justify-content:center;flex-wrap:wrap}@media (min-width:1024px){.hero-trust-row{justify-content:flex-start}}.trust-avatars{display:flex}.trust-avatar{width:36px;height:36px;border-radius:50%;border:2px solid white;background:var(--gradient-accent);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:white;margin-left:-8px}.trust-avatar:first-child{margin-left:0}.trust-text{display:flex;flex-direction:column;gap:.25rem}.trust-stars{display:flex;gap:2px}.star-icon{width:16px;height:16px;color:#f59e0b}.trust-rating{font-size:.875rem;color:var(--landing-text-muted)}.hero-visual-wrapper{position:relative;display:none}@media (min-width:1024px){.hero-visual-wrapper{display:block}}.hero-visual-card{background:white;border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);overflow:hidden;border:1px solid var(--landing-border)}.visual-card-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--landing-bg-alt);border-bottom:1px solid var(--landing-border)}.visual-dots{display:flex;gap:6px}.dot{width:12px;height:12px;border-radius:50%}.dot.red{background:#ef4444}.dot.yellow{background:#f59e0b}.dot.green{background:#10b981}.visual-title{font-size:.875rem;font-weight:500;color:var(--landing-text-muted)}.visual-card-content{padding:1.5rem}.visual-progress-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--landing-bg-alt);border-radius:var(--radius-md);margin-bottom:1rem}.progress-icon{font-size:1.5rem}.progress-details{flex:1}.progress-label{display:block;font-weight:500;color:var(--landing-text);margin-bottom:.5rem}.progress-bar-wrapper{height:8px;background:rgba(59,130,246,.1);border-radius:var(--radius-full);overflow:hidden}.progress-bar{background:var(--gradient-accent);border-radius:var(--radius-full);transition:width 1s ease-out}.progress-bar.accent{background:linear-gradient(135deg,#10b981,#34d399)}.progress-value{font-size:1rem;font-weight:700;color:var(--landing-accent)}.visual-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}.visual-stat{text-align:center;padding:1rem;background:var(--landing-bg-alt);border-radius:var(--radius-md)}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--landing-text)}.stat-label{font-size:.75rem;color:var(--landing-text-muted);letter-spacing:.05em}.floating-badge{position:absolute;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:white;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);animation:float 3s ease-in-out infinite}.badge-1{top:10%;right:-20px;animation-delay:0s}.badge-2{bottom:30%;left:-30px;animation-delay:1s}.badge-3{bottom:10%;right:10%;animation-delay:2s}.badge-emoji{font-size:1.25rem}.badge-text{font-size:.875rem;font-weight:600;color:var(--landing-text)}.hero-scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--landing-text-muted);font-size:.75rem}.scroll-mouse{width:24px;height:40px;border:2px solid var(--landing-border);border-radius:12px;position:relative}.scroll-wheel{width:4px;height:8px;background:var(--landing-accent);border-radius:2px;position:absolute;top:8px;left:50%;transform:translateX(-50%);animation:scroll-down 1.5s ease-in-out infinite}@keyframes scroll-down{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(12px)}}.search-discovery-section{padding:var(--section-padding) var(--container-padding);background:var(--landing-bg)}.search-discovery-container{max-width:var(--container-max);margin:0 auto}.discovery-header{text-align:center;margin-bottom:2.5rem}.discovery-title{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:var(--landing-text);letter-spacing:-.02em;margin-bottom:.75rem}.discovery-subtitle{font-size:1.125rem;color:var(--landing-text-muted)}.search-wrapper{position:relative;max-width:700px;margin:0 auto 2rem}.search-form{display:flex;align-items:center;background:white;border:2px solid var(--landing-border);border-radius:var(--radius-full);padding:.5rem;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.search-form.focused{border-color:var(--landing-accent);box-shadow:0 0 0 4px rgba(59,130,246,.1)}.search-icon{flex-shrink:0;margin-left:1rem;color:var(--landing-text-muted)}.search-input{padding:.75rem 1rem;color:var(--landing-text);background:transparent}.search-input::-moz-placeholder{color:var(--landing-text-light)}.search-input::placeholder{color:var(--landing-text-light)}.search-submit-btn{flex-shrink:0;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;color:white;background:var(--gradient-primary);border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base)}.search-submit-btn:hover{transform:scale(1.02);box-shadow:var(--shadow-md)}.search-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:white;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--landing-border);padding:1rem;z-index:100}.dropdown-section{margin-bottom:1rem}.dropdown-section:last-child{margin-bottom:0}.dropdown-header{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;color:var(--landing-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.dropdown-icon{font-size:1rem;color:var(--landing-accent)}.trending-tags{display:flex;flex-wrap:wrap;gap:.5rem}.trending-tag{padding:.5rem 1rem;font-size:.875rem;color:var(--landing-text);background:var(--landing-bg-alt);border:1px solid var(--landing-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.trending-tag:hover{background:rgba(59,130,246,.1);border-color:var(--landing-accent);color:var(--landing-accent)}.category-chips-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;margin-bottom:2rem}.category-chips-wrapper::-webkit-scrollbar{display:none}.category-chips{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}.category-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9375rem;color:var(--landing-text);background:white;border:2px solid var(--landing-border);border-radius:var(--radius-full);transition:all var(--transition-base)}.category-chip:hover{color:var(--chip-color,var(--landing-accent));background:rgba(59,130,246,.05)}.category-chip.active,.category-chip:hover{border-color:var(--chip-color,var(--landing-accent))}.category-chip.active{background:var(--chip-color,var(--landing-accent));color:white}.chip-icon{font-size:1.125rem}.discovery-stats{display:flex;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap}.discovery-stat{display:flex;align-items:baseline;gap:.5rem}.discovery-stat .stat-number{font-size:1.5rem;font-weight:700;color:var(--landing-accent)}.discovery-stat .stat-text{font-size:.9375rem;color:var(--landing-text-muted)}.stat-divider{width:1px;height:24px;background:var(--landing-border)}.value-props-section{padding:var(--section-padding) var(--container-padding);background:var(--landing-bg-alt)}.value-props-container{max-width:var(--container-max);margin:0 auto}.value-props-header{text-align:center;margin-bottom:4rem}.section-badge{padding:.5rem 1rem;color:var(--landing-accent);background:rgba(59,130,246,.1);border-radius:var(--radius-full);letter-spacing:.1em;margin-bottom:1rem}.section-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.75rem);font-weight:700;color:var(--landing-text);letter-spacing:-.02em;margin-bottom:1rem}.gradient-text{background:var(--gradient-accent)}.section-subtitle{font-size:1.125rem;color:var(--landing-text-muted);max-width:600px;margin:0 auto}.value-props-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:3rem}.value-prop-card{position:relative;padding:2rem;background:white;border-radius:var(--radius-lg);border:1px solid var(--landing-border);transition:all var(--transition-base);overflow:hidden}.value-prop-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:transparent}.value-prop-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-size:1.5rem;color:white;margin-bottom:1.25rem}.value-prop-title{font-size:1.25rem;font-weight:600;color:var(--landing-text);margin-bottom:.75rem}.value-prop-description{font-size:.9375rem;line-height:1.6;color:var(--landing-text-muted)}.value-prop-hover-line{position:absolute;bottom:0;left:0;right:0;height:3px;transform:scaleX(0);transition:transform var(--transition-base)}.value-prop-card:hover .value-prop-hover-line{transform:scaleX(1)}.value-props-cta{text-align:center}.cta-text{font-size:1.125rem;color:var(--landing-text-muted);margin-bottom:1rem}.cta-button{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;font-weight:600;color:white;background:var(--gradient-primary);border:none;border-radius:var(--radius-full);transition:all var(--transition-base);box-shadow:0 4px 14px rgba(30,58,95,.25)}.cta-button:hover{box-shadow:0 8px 25px rgba(30,58,95,.35)}.social-proof-section{padding:var(--section-padding) var(--container-padding);background:var(--landing-bg)}.social-proof-container{max-width:var(--container-max);margin:0 auto}.stats-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:4rem}@media (min-width:768px){.stats-row{grid-template-columns:repeat(4,1fr)}}.stat-item{gap:1rem;background:white;border-radius:var(--radius-lg);border:1px solid var(--landing-border);transition:all var(--transition-base)}.stat-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-icon-wrapper{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(59,130,246,.1);border-radius:var(--radius-md);color:var(--landing-accent);font-size:1.25rem}.stat-content{display:flex;flex-direction:column}.stat-content .stat-value{font-size:1.5rem;font-weight:700;color:var(--landing-text);line-height:1}.stat-content .stat-label{font-size:.875rem;color:var(--landing-text-muted);margin-top:.25rem}.partners-section{text-align:center;margin-bottom:4rem;padding:3rem 0;border-top:1px solid var(--landing-border);border-bottom:1px solid var(--landing-border)}.partners-title{font-size:.875rem;font-weight:500;color:var(--landing-text-muted);margin-bottom:2rem}.partners-logos{display:flex;justify-content:center;align-items:center;gap:3rem;flex-wrap:wrap}.partner-logo{opacity:.5;transition:opacity var(--transition-base)}.partner-logo:hover{opacity:.8}.partner-name{font-size:1.25rem;font-weight:600;color:var(--landing-text)}.testimonials-header{text-align:center;margin-bottom:3rem}.testimonials-carousel{position:relative;max-width:700px;margin:0 auto 2rem;overflow:hidden}.testimonials-track{position:relative;min-height:280px}.testimonial-card{position:absolute;width:100%;background:white;border-radius:var(--radius-xl);border:1px solid var(--landing-border);box-shadow:var(--shadow-lg)}.testimonial-card.active{position:relative}.testimonial-rating .star-icon{color:#f59e0b;font-size:1.25rem}.testimonial-text{font-size:1.125rem;color:var(--landing-text)}.testimonial-author .author-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600;color:white}.author-info{display:flex;flex-direction:column}.author-name{color:var(--landing-text)}.author-role{color:var(--landing-text-muted)}.carousel-indicators{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem}.indicator{width:10px;height:10px;border-radius:50%;background:var(--landing-border);border:none;cursor:pointer;transition:all var(--transition-base)}.indicator.active{background:var(--landing-accent);transform:scale(1.2)}.video-testimonial-cta{text-align:center;margin-top:2rem}.video-cta-btn{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-size:1rem;font-weight:600;color:var(--landing-text);background:white;border:2px solid var(--landing-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base)}.video-cta-btn:hover{border-color:var(--landing-accent);color:var(--landing-accent)}.play-icon{font-size:1.25rem}.featured-courses-section{padding:var(--section-padding) var(--container-padding);background:var(--landing-bg-alt)}.featured-courses-container{max-width:var(--container-max);margin:0 auto}.featured-courses-section .section-header{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.header-content{text-align:left}.view-all-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:600;color:var(--landing-accent);background:transparent;border:2px solid var(--landing-accent);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base)}.view-all-btn:hover{background:var(--landing-accent);color:white}.view-all-btn .btn-icon{transition:transform var(--transition-fast)}.view-all-btn:hover .btn-icon{transform:translateX(4px)}.filters-row{gap:.5rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none}.filters-row::-webkit-scrollbar{display:none}.filter-btn{padding:.625rem 1.25rem;font-weight:500;color:var(--landing-text-muted);background:white;border:1px solid var(--landing-border);border-radius:var(--radius-full);transition:all var(--transition-fast);white-space:nowrap}.filter-btn:hover{color:var(--landing-text);border-color:var(--landing-text)}.filter-btn.active{background:var(--landing-primary);border-color:var(--landing-primary)}.carousel-wrapper{position:relative}.carousel-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:white;border:1px solid var(--landing-border);border-radius:50%;font-size:1.5rem;color:var(--landing-text);cursor:pointer;z-index:10;transition:all var(--transition-base);box-shadow:var(--shadow-md)}.carousel-nav-btn:hover:not(.disabled){background:var(--landing-primary);color:white;border-color:var(--landing-primary)}.carousel-nav-btn.disabled{opacity:.3;cursor:not-allowed}.carousel-nav-btn.prev{left:-24px}.carousel-nav-btn.next{right:-24px}@media (max-width:768px){.carousel-nav-btn{display:none}}.courses-carousel{display:flex;gap:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:1rem 0}.courses-carousel::-webkit-scrollbar{display:none}.course-card{flex-shrink:0;width:320px;scroll-snap-align:start;background:white;border-radius:var(--radius-lg);border:1px solid var(--landing-border);cursor:pointer;transition:all var(--transition-base)}.course-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.card-thumbnail{position:relative;height:180px;overflow:hidden}.thumbnail-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f4ff,#e8f0fe)}.thumbnail-icon{font-size:3rem;margin-bottom:.5rem}.thumbnail-category{font-size:.875rem;font-weight:500;color:var(--landing-text-muted)}.card-badges{position:absolute;top:.75rem;left:.75rem;display:flex;gap:.5rem}.card-badges .badge{padding:.375rem .75rem;font-size:.75rem;font-weight:600;border-radius:var(--radius-sm)}.badge.bestseller{background:#fef3c7;color:#92400e}.badge.new{background:#dcfce7;color:#166534}.preview-overlay{position:absolute;inset:0;justify-content:center;background:rgba(0,0,0,.6)}.preview-btn,.preview-overlay{display:flex;align-items:center}.preview-btn{gap:.5rem;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:600;color:white;background:var(--landing-accent);border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.preview-btn:hover{transform:scale(1.05)}.card-content{padding:1.25rem}.card-title{font-size:1rem;color:var(--landing-text);line-height:1.4;margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-instructor{font-size:.875rem;color:var(--landing-text-muted);margin-bottom:.75rem}.card-rating{display:flex;align-items:center;gap:.375rem;margin-bottom:.75rem}.rating-value{font-size:.875rem;font-weight:600;color:#b45309}.rating-stars{display:flex;gap:2px}.rating-stars .star{font-size:.875rem;color:#d1d5db}.rating-stars .star.filled{color:#f59e0b}.review-count{font-size:.75rem;color:var(--landing-text-muted)}.card-meta{display:flex;gap:1rem;margin-bottom:1rem}.meta-item{display:flex;gap:.25rem;font-size:.75rem;color:var(--landing-text-muted)}.meta-icon{font-size:.875rem}.card-price{display:flex;align-items:baseline;gap:.5rem}.current-price{font-size:1.25rem;font-weight:700;color:var(--landing-text)}.original-price{font-size:.875rem;color:var(--landing-text-muted);text-decoration:line-through}.quick-actions{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:linear-gradient(0deg,white 80%,transparent);display:flex;gap:.5rem}.action-btn{flex:1;padding:.75rem;font-size:.875rem;border-radius:var(--radius-md);transition:all var(--transition-fast)}.action-btn.primary{background:var(--landing-primary);color:white;border:none}.action-btn.primary:hover{background:var(--landing-primary-dark)}.action-btn.secondary{background:white;color:var(--landing-text);border:1px solid var(--landing-border)}.action-btn.secondary:hover{border-color:var(--landing-text)}.how-it-works-section{padding:var(--section-padding) var(--container-padding);background:var(--landing-bg)}.how-it-works-container{max-width:var(--container-max);margin:0 auto}.how-it-works-section .section-header{text-align:center;margin-bottom:4rem}.steps-container{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width:768px){.steps-container{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.steps-container{grid-template-columns:repeat(4,1fr)}}.step-item{position:relative}.step-connector{display:none;position:absolute;top:40px;right:-1rem;width:calc(2rem + 50%);align-items:center}@media (min-width:1024px){.step-connector{display:flex}}.connector-line{flex:1;height:2px;background:var(--landing-border);transform-origin:left}.connector-arrow{color:var(--landing-text-muted);font-size:1rem}.step-card{text-align:center;padding:2rem 1.5rem;background:white;border-radius:var(--radius-lg);border:1px solid var(--landing-border);transition:all var(--transition-base)}.step-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.step-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;border-radius:var(--radius-md);font-size:1.75rem}.step-number{font-size:.75rem;font-weight:700;letter-spacing:.1em;margin-bottom:.75rem;display:block}.step-title{font-size:1.125rem;font-weight:600;color:var(--landing-text);margin-bottom:.5rem}.step-description{font-size:.9375rem;color:var(--landing-text-muted);line-height:1.6}.how-it-works-cta{text-align:center;margin-top:3rem}.faq-trust-section{padding:var(--section-padding) var(--container-padding);background:var(--landing-bg-alt)}.faq-trust-container{max-width:var(--container-max);margin:0 auto}.trust-badges-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:4rem}@media (min-width:768px){.trust-badges-row{grid-template-columns:repeat(4,1fr)}}.trust-badge{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:white;border-radius:var(--radius-lg);border:1px solid var(--landing-border)}.trust-badge .badge-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(16,185,129,.1);border-radius:var(--radius-md);color:#10b981;font-size:1.5rem}.trust-badge .badge-content{display:flex;flex-direction:column}.trust-badge .badge-label{font-size:.9375rem;font-weight:600;color:var(--landing-text)}.trust-badge .badge-description{font-size:.8125rem;color:var(--landing-text-muted)}.faq-section{margin-bottom:3rem}.faq-section .section-header{text-align:center;margin-bottom:2.5rem}.faq-list{max-width:800px;margin:0 auto}.faq-item{margin-bottom:1rem;background:white;border-radius:var(--radius-md);border:1px solid var(--landing-border);overflow:hidden;transition:all var(--transition-base)}.faq-item.open{box-shadow:var(--shadow-md)}.faq-question{gap:1rem;padding:1.25rem 1.5rem;font-size:1rem;font-weight:600;color:var(--landing-text);background:transparent;transition:color var(--transition-fast)}.faq-question:hover{color:var(--landing-accent)}.faq-icon{color:var(--landing-text-muted)}.faq-answer{padding:0 1.5rem}.faq-answer p{padding-bottom:1.25rem;font-size:.9375rem;line-height:1.7;color:var(--landing-text-muted)}.faq-cta{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem;background:white;border-radius:var(--radius-xl);border:1px solid var(--landing-border);text-align:center}@media (min-width:768px){.faq-cta{flex-direction:row;justify-content:space-between;text-align:left}}.faq-cta .cta-content h3{font-size:1.25rem;font-weight:600;color:var(--landing-text);margin-bottom:.25rem}.faq-cta .cta-content p{font-size:.9375rem;color:var(--landing-text-muted)}.enhanced-footer{background:var(--landing-bg)}.footer-newsletter{padding:4rem var(--container-padding);background:var(--gradient-primary)}.newsletter-content{max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:2rem}@media (min-width:768px){.newsletter-content{flex-direction:row;justify-content:space-between}}.newsletter-text{text-align:center}@media (min-width:768px){.newsletter-text{text-align:left}}.newsletter-text h3{font-size:1.5rem;font-weight:700;color:white;margin-bottom:.5rem}.newsletter-text p{font-size:1rem;color:rgba(255,255,255,.8)}.newsletter-form{display:flex;width:100%;max-width:400px;gap:.5rem}.newsletter-form .input-wrapper{flex:1;position:relative}.newsletter-form .input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--landing-text-muted);font-size:1.25rem}.newsletter-form input{width:100%;padding:.875rem 1rem .875rem 3rem;font-size:1rem;color:var(--landing-text);outline:none}.newsletter-btn,.newsletter-form input{background:white;border:none;border-radius:var(--radius-full)}.newsletter-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:600;color:var(--landing-primary);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.newsletter-btn:hover{background:rgba(255,255,255,.9);transform:translateX(4px)}.footer-main{padding:4rem 0 3rem;border-bottom:1px solid var(--landing-border)}.enhanced-footer .footer-container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding);display:grid;grid-template-columns:1fr;gap:3rem}@media (min-width:768px){.enhanced-footer .footer-container{grid-template-columns:1.5fr 2fr}}.footer-brand{max-width:300px}.footer-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;margin-bottom:1rem}.footer-tagline{font-size:.9375rem;line-height:1.6;color:var(--landing-text-muted);margin-bottom:1.5rem}.social-links{gap:.75rem}.social-link{background:var(--landing-bg-alt);border-radius:var(--radius-md);color:var(--landing-text-muted);transition:all var(--transition-base)}.social-link:hover{background:var(--landing-primary);color:white}.footer-links-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}@media (min-width:1024px){.footer-links-grid{grid-template-columns:repeat(4,1fr)}}.footer-column{min-width:0}.column-title{font-size:.875rem;font-weight:600;color:var(--landing-text);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.column-links{list-style:none;padding:0;margin:0}.column-links li{margin-bottom:.625rem}.column-links a{font-size:.9375rem;color:var(--landing-text-muted);text-decoration:none;transition:color var(--transition-fast)}.column-links a:hover{color:var(--landing-accent)}.footer-bottom{padding:1.5rem 0}.footer-bottom .footer-container{display:flex;flex-direction:column;align-items:center;gap:1rem}@media (min-width:768px){.footer-bottom .footer-container{flex-direction:row;justify-content:space-between}}.copyright{font-size:.875rem;color:var(--landing-text-muted)}.footer-badges{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.footer-badges .badge{font-size:.75rem;color:var(--landing-text-muted)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:focus-visible{outline:2px solid var(--landing-accent)}a:focus-visible,button:focus-visible{outline:2px solid var(--landing-accent);outline-offset:2px}.skip-link{position:absolute;top:-100%;left:0;padding:1rem;background:var(--landing-primary);color:white;z-index:9999;transition:top var(--transition-fast)}.skip-link:focus{top:0}

/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-accent:#3b82f6;--primary-teal:#0891b2;--primary-teal-dark:#0e7490;--primary-teal-light:#22d3ee;--primary-gold:#d4a853;--primary-gold-dark:#b8923f;--secondary-emerald:#10b981;--accent-rose:#f43f5e;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--gray-950:#020617;--success:#16a34a;--error:#dc2626;--warning:#ca8a04;--info:#3b82f6;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 2px 6px 0 #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 6px 20px #0000001f;--shadow-xl:0 12px 32px #00000026;--navbar-height:72px;--navbar-height-scrolled:64px;--navbar-bg:#fffffffa;--navbar-bg-scrolled:#fffffffa;--navbar-accent:#3b82f6;--navbar-border:#3b82f61a;--component-bg:#fff;--component-bg-hover:#f8fafc;--component-border:#00000014;--input-bg:#fff;--input-border:#d1d5db;--input-focus-border:#3b82f6}body{color:#334155;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1;font-smooth:always;letter-spacing:-.01em;background:#f8fafc;min-height:100vh;font-family:DM Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.65;position:relative}body:before{background:radial-gradient(100% 60% at 15% 15%,#2563eb06,#0000 45%),radial-gradient(80% 50% at 85% 85%,#2563eb05,#0000 40%)}body:after{display:none}.form-control[type=select],.form-select,input[type=select],select{color:#1e293b!important;background-color:#fff!important;border:1px solid #1e3a5f33!important}.form-select option,select optgroup,select option{padding:.75rem 1rem;color:#1e293b!important;background-color:#fff!important}.form-select option:checked,.form-select option:focus,.form-select option:hover,select option:checked,select option:focus,select option:hover{color:#1e3a5f!important;background:linear-gradient(#f1f5f9,#f1f5f9)!important}select option:disabled{color:#94a3b8!important;background-color:#f8fafc!important}select::-ms-expand{background-color:#fff}.container{z-index:1;max-width:1280px;margin:0 auto;padding:2rem;position:relative}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#0f172a;font-weight:700;line-height:1.25}h1{font-size:3rem;font-weight:800}h2{font-size:2.25rem}h2,h3{font-weight:700}h3{font-size:1.75rem}h4{font-size:1.375rem}h4,h5{font-weight:600}h5{font-size:1.125rem}h6{font-size:1rem;font-weight:600}a,button,div,input,label,p,span,textarea{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}p{color:#475569;font-size:1rem;line-height:1.7}a{color:#2563eb;text-decoration:none;transition:color .25s}a:hover{color:#1e40af}.btn,button{letter-spacing:.01em;text-rendering:optimizeLegibility;font-weight:500}.btn,button,input,select,textarea{-webkit-font-smoothing:antialiased}input,select,textarea{-moz-osx-font-smoothing:grayscale;font-size:1rem;line-height:1.5}.navbar-right .btn{transition:all .25s cubic-bezier(.22,1,.36,1);box-shadow:0 4px 12px #3b82f633}.navbar-right .btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f64d}.navbar-right .btn-secondary{color:#374151;background:#f1f5f9;border:1px solid #e2e8f0}.navbar-right .btn-secondary:hover{background:#e2e8f0}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.scroll-animate{opacity:0;will-change:opacity,transform;transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1);transform:translateY(50px)}.scroll-animate.animate-in{opacity:1;transform:translateY(0)}.contact-header.scroll-animate,.features-header.scroll-animate{opacity:0;transform:translateY(30px)}.contact-header.scroll-animate.animate-in,.features-header.scroll-animate.animate-in{opacity:1;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(0)}.scroll-animate .feature-item{opacity:0;will-change:opacity,transform;transition:opacity,transform;transform:translateY(30px)}.scroll-animate.animate-in .feature-item{animation:fadeInUp .6s ease-out forwards}.scroll-animate.animate-in .feature-item:first-child{animation-delay:.15s}.scroll-animate.animate-in .feature-item:nth-child(2){animation-delay:.25s}.scroll-animate.animate-in .feature-item:nth-child(3){animation-delay:.35s}.scroll-animate.animate-in .feature-item:nth-child(4){animation-delay:.45s}.scroll-animate.animate-in .feature-item:nth-child(5){animation-delay:.55s}.scroll-animate.animate-in .feature-item:nth-child(6){animation-delay:.65s}.scroll-animate .stat-box{opacity:0;will-change:opacity,transform;transition:opacity,transform;transform:scale(.85)translateY(20px)}.scroll-animate.animate-in .stat-box{animation:scaleInUp .6s cubic-bezier(.34,1.56,.64,1) forwards}.scroll-animate.animate-in .stat-box:first-child{animation-delay:.1s}.scroll-animate.animate-in .stat-box:nth-child(2){animation-delay:.2s}.scroll-animate.animate-in .stat-box:nth-child(3){animation-delay:.3s}.scroll-animate.animate-in .stat-box:nth-child(4){animation-delay:.4s}@keyframes scaleInUp{0%{opacity:0;transform:scale(.85)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.scroll-animate .testimonial-card{opacity:0;will-change:opacity,transform;transition:opacity,transform;transform:translate(-30px)scale(.95)}.scroll-animate.animate-in .testimonial-card{animation:slideInFade .7s cubic-bezier(.4,0,.2,1) forwards}.scroll-animate.animate-in .testimonial-card:first-child{animation-delay:.15s}.scroll-animate.animate-in .testimonial-card:nth-child(2){animation-delay:.3s}.scroll-animate.animate-in .testimonial-card:nth-child(3){animation-delay:.45s}@keyframes slideInFade{0%{opacity:0;transform:translate(-30px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}.scroll-animate .contact-form-wrapper,.scroll-animate .contact-info-wrapper{opacity:0;will-change:opacity,transform;transition:opacity,transform;transform:translateY(30px)}.scroll-animate.animate-in .contact-form-wrapper{animation:fadeInUp .7s ease-out .1s forwards}.scroll-animate.animate-in .contact-info-wrapper{animation:fadeInUp .7s ease-out .3s forwards}.scroll-animate .info-card{opacity:0;transition:opacity,transform;transform:translateY(20px)}.scroll-animate.animate-in .info-card{animation:fadeInUp .5s ease-out forwards}.scroll-animate.animate-in .info-card:first-child{animation-delay:.35s}.scroll-animate.animate-in .info-card:nth-child(2){animation-delay:.45s}.scroll-animate.animate-in .info-card:nth-child(3){animation-delay:.55s}.scroll-animate.animate-in .info-card:nth-child(4){animation-delay:.65s}.scroll-animate.animate-in .info-card:nth-child(5){animation-delay:.75s}@media (prefers-reduced-motion:reduce){.scroll-animate,.scroll-animate *{opacity:1!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transform:none!important}}.auth-container{background:#0a0a0a;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.auth-container:before{content:"";z-index:0;background:radial-gradient(120% 80% at 20% 20%,#14b8a60a,#0000 50%),radial-gradient(100% 60% at 80% 80%,#ca8a0408,#0000 50%);position:absolute;inset:0}.auth-container:after{display:none}.auth-bg-decoration{pointer-events:none;z-index:2;position:absolute;inset:0;overflow:hidden}.bg-shape{filter:blur(80px);background:linear-gradient(135deg,#14b8a60f,#ca8a040a);border-radius:50%;animation:float 8s ease-in-out infinite;position:absolute}.bg-shape-1{width:500px;height:500px;animation-delay:0s;top:-200px;left:-200px}.bg-shape-2{width:400px;height:400px;animation-delay:-3s;bottom:-150px;right:-150px}.bg-shape-3{width:300px;height:300px;animation-delay:-5s;top:40%;right:10%}.auth-card{z-index:10;backdrop-filter:blur(24px)saturate(150%);background:#141414e6;border:1px solid #ffffff0d;border-radius:16px;width:100%;max-width:950px;padding:2.5rem 2.75rem;transition:all .4s cubic-bezier(.22,1,.36,1);animation:cardEnter .6s cubic-bezier(.22,1,.36,1);position:relative;box-shadow:0 16px 48px #00000080,inset 0 1px #ffffff0a}@keyframes cardEnter{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-card:hover{transform:translateY(-2px);box-shadow:0 20px 56px #0000008c,inset 0 1px #ffffff0d}.auth-header{text-align:center;margin-bottom:2rem}.auth-icon{margin-bottom:1rem;font-size:3.5rem;display:inline-block}.auth-card h1{text-align:center;color:#fff;letter-spacing:-.025em;text-shadow:0 2px 10px #0003;margin-bottom:.75rem;font-size:1.75rem;font-weight:700}.auth-subtitle{color:#ffffffbf;margin:0;font-size:1rem;line-height:1.5}.auth-form{gap:.85rem}.auth-form,.login-form-container{flex-direction:column;display:flex}.login-form-container{gap:1.25rem}.login-layout{justify-content:center;align-items:center;min-height:auto;display:flex}.login-center-column{flex-direction:column;gap:.6rem;width:100%;max-width:400px;display:flex}.login-center-column .form-group{margin-bottom:0}.login-divider,.login-right-column{display:none}.logo-placeholder{color:#fff6;text-align:center;border:2px dashed #fff3;border-radius:16px;justify-content:center;align-items:center;width:220px;height:220px;padding:1rem;font-size:.875rem;display:flex}.login-logo{-o-object-fit:contain;object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.form-options-left{flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem;width:100%;margin-top:-.3rem;display:flex}.checkbox-group{flex:none;align-items:center;gap:.4rem;margin-top:0;display:flex;margin-bottom:0!important}.checkbox-group input[type=checkbox]{cursor:pointer;accent-color:#6496ffcc;flex-shrink:0;width:16px;height:16px;margin:0}.checkbox-group label{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;font-size:.8rem;line-height:1}.checkbox-group label,.forgot-password{margin-top:0!important;margin-bottom:0!important}.forgot-password{flex:1;justify-content:flex-end;align-items:center;display:flex}.forgot-password a{color:#6496ffe6;white-space:nowrap;font-size:.8rem;line-height:1;transition:all .3s}.role-group{width:100%;margin-top:.3rem;margin-bottom:0!important}.role-group label{font-size:.8rem;margin-bottom:.3rem!important}.role-group select{width:100%;font-size:.875rem}.btn-submit{align-self:center;width:60%;max-width:320px;margin-top:.5rem}.loading-content{align-items:center;gap:.75rem;display:flex}.loading-spinner-enhanced{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:spin .8s linear infinite}.loading-text{font-size:1rem}.password-strength{animation:fadeIn .3s}.password-strength-enhanced{margin-top:.75rem;animation:fadeIn .3s}.password-strength-enhanced .strength-bar{background:#ffffff26;border-radius:3px;width:100%;height:6px;margin-bottom:.75rem;overflow:hidden}.password-strength-enhanced .strength-fill{border-radius:3px;height:100%;transition:all .4s cubic-bezier(.4,0,.2,1)}.password-strength-enhanced .password-requirements{grid-template-columns:1fr 1fr;gap:.5rem;font-size:.75rem;display:grid}.password-strength-enhanced .requirement{color:#ffffff80;align-items:center;gap:.4rem;transition:all .3s;display:flex}.password-strength-enhanced .requirement.met{color:#10b981;font-weight:500}.password-strength-enhanced .requirement .req-icon{font-size:.9rem;font-weight:700;transition:transform .3s}.password-strength-enhanced .requirement.met .req-icon{transform:scale(1.1)}.strength-bar{width:100%;margin-bottom:.35rem}.strength-0{background:0 0;width:0}.strength-1{background:#ef4444}.strength-2{background:#f59e0b}.strength-3{background:#eab308}.strength-4{background:#84cc16}.strength-5{background:#22c55e}.strength-text{color:#ffffffb3;margin-bottom:.5rem;font-size:.75rem;font-weight:500}.password-requirements{color:#fff9;grid-template-columns:1fr 1fr;gap:.25rem;font-size:.7rem}.req-met{color:#22c55e}.req-unmet{color:#fff6}.institution-badge{color:#ffffffe6;background:#3b82f626;border:1px solid #3b82f64d;border-radius:8px;align-items:center;gap:.4rem;margin-top:.4rem;padding:.4rem .6rem;font-size:.75rem;animation:slideDown .3s;display:flex}.badge-icon{font-size:.9rem}.badge-text{font-weight:500}.keep-signed-in{align-items:center;width:100%;margin-top:.25rem;display:flex}.keep-signed-in label{align-items:center;gap:.3rem;font-size:.8rem;display:flex}.help-tooltip{cursor:help;color:#6496ffcc;margin-left:.2rem;font-size:.75rem}.learning-tip{background:#3b82f61a;border-left:3px solid #3b82f699;border-radius:8px;margin-top:1rem;padding:.75rem 1rem;animation:tipFade .5s}@keyframes tipFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tip-content{color:#ffffffe6;font-size:.85rem;line-height:1.5}.auth-footer{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:1.5rem;padding-top:1rem;display:flex}.footer-link{color:#fff9;font-size:.75rem;text-decoration:none;transition:color .3s}.footer-link:hover{color:#6496ffe6}.footer-divider{color:#ffffff4d;font-size:.75rem}.session-warning-overlay{backdrop-filter:blur(4px);z-index:9999;background:#000000b3;justify-content:center;align-items:center;animation:fadeIn .3s;display:flex;position:fixed;inset:0}.session-warning-modal{text-align:center;background:#1e293bf2;border:1px solid #fff3;border-radius:20px;width:90%;max-width:400px;padding:2rem;box-shadow:0 20px 60px #00000080}.modal-icon{margin-bottom:1rem;font-size:3rem}.session-warning-modal h2{color:#fff;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.session-warning-modal p{color:#fffc;margin-bottom:.75rem;line-height:1.6}.session-warning-modal strong{color:#ef4444;font-size:1.1rem;font-weight:700}.modal-actions{justify-content:center;margin-top:1.5rem}.modal-actions .btn{flex:1;padding:.75rem 1.5rem;font-size:.95rem}.back-button{color:#ffffffe6;cursor:pointer;backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:1.25rem;left:1.25rem}.back-button:hover{background:#fff3;border-color:#ffffff4d;transform:scale(1.08)translate(-2px);box-shadow:0 4px 15px #0003}.back-button:active{transform:scale(.95)}.form-group label{margin-bottom:.4rem}.form-group input,.form-group select{color:#fff;backdrop-filter:blur(5px);background:#ffffff1f;border:1px solid #fff3;border-radius:12px;width:100%;padding:.85rem 1rem;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-group input:focus,.form-group select:focus{background:#ffffff2e;border-color:#3b82f699;outline:none;transform:translateY(-2px);box-shadow:0 0 0 4px #3b82f626}.form-group input:hover,.form-group select:hover{background:#ffffff26;border-color:#3b82f666}.form-group input::-moz-placeholder{color:#ffffff80}.form-group input::placeholder{color:#ffffff80}.form-group select{color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-transform:capitalize;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath fill='%2360a5fa' d='M1 1l6 6 6-6' stroke='%2360a5fa' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right .875rem center;background-repeat:no-repeat;background-size:14px 8px;padding-right:2.75rem;font-weight:500}.form-group select:hover{background-color:#ffffff2e;border-color:#6496ff80}.form-group select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath fill='%23ffffff' d='M1 1l6 6 6-6' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E")}.form-group select option{color:#fff;text-transform:capitalize;background:#1f3a4d;margin:0;padding:.5rem .75rem;line-height:1.5}.form-group select option:checked{color:#fff;background:#4f46e5}.btn{letter-spacing:.025em;gap:.5rem;width:100%;padding:.875rem 1.5rem;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:before{background:#ffffff40;transition:width .6s cubic-bezier(.4,0,.2,1),height .6s cubic-bezier(.4,0,.2,1)}.btn:hover:before{width:350px;height:350px}.btn-primary{background:linear-gradient(135deg,#3b82f6,#6366f1 50%,#8b5cf6) 0 0/200% 200%;animation:gradientShift 4s infinite;box-shadow:0 4px 15px #6366f159,0 1px 3px #0000001f}.btn-primary:hover{box-shadow:0 8px 25px #6366f173,0 4px 15px #0003}.btn-primary:disabled{box-shadow:none;animation:none;transform:none}.btn-secondary{background:#ffffff1a;border:1px solid #ffffff26;margin-top:.75rem;box-shadow:0 2px 10px #0000001a}.btn-outline{color:#a5b4fc;border:2px solid #a5b4fc80}.btn-outline:hover{background:#6366f126;border-color:#a5b4fc}.auth-link{text-align:center;color:#fffc;margin-top:1rem;font-size:.875rem}.auth-link a,.link-animated{color:#60a5fa;font-weight:600;text-decoration:none;transition:color .3s;position:relative}.auth-link a:after,.link-animated:after{content:"";background:linear-gradient(90deg,#60a5fa,#a78bfa);width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.auth-link a:hover,.link-animated:hover{color:#93c5fd}.auth-link a:hover:after,.link-animated:hover:after{width:100%}.error{color:#fecaca;backdrop-filter:blur(8px);background:#ef444426;border:1px solid #ef44444d;border-radius:12px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem;font-size:.875rem;display:flex}.error .error-icon{font-size:1.25rem}.success{color:#a7f3d0;backdrop-filter:blur(8px);background:#10b98126;border:1px solid #10b9814d;border-radius:12px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem;font-size:.875rem;display:flex}.success .success-icon{font-size:1.25rem;font-weight:700}.form-group{margin-bottom:0;transition:all .3s}.form-group.focused label{color:#60a5fa}.form-group label{letter-spacing:.025em;align-items:center;gap:.5rem;transition:color .3s;display:flex}.label-icon{font-size:1rem}.input-animated,.select-animated{color:#fff;backdrop-filter:blur(10px);background:#ffffff14;border:2px solid #ffffff26;border-radius:12px;width:100%;padding:.875rem 1rem;font-size:.9375rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.input-animated:hover,.select-animated:hover{background:#ffffff1f;border-color:#ffffff40}.input-animated:focus,.select-animated:focus{background:#ffffff1f;border-color:#6366f199;outline:none;transform:translateY(-2px);box-shadow:0 0 0 4px #6366f126,0 4px 15px #6366f11a}.input-animated::-moz-placeholder{color:#ffffff80;-moz-transition:opacity .3s;transition:opacity .3s}.input-animated::placeholder{color:#ffffff80;transition:opacity .3s}.input-animated:focus::-moz-placeholder{opacity:.7}.input-animated:focus::placeholder{opacity:.7}.form-options{justify-content:space-between;align-items:center;margin-top:.25rem;margin-bottom:0;display:flex}.checkbox-animated{cursor:pointer;accent-color:#6366f1;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:4px;width:18px;height:18px;transition:all .3s}.checkbox-animated:hover{border-color:#6366f199;transform:scale(1.1)}.checkbox-animated:checked{background:#6366f14d;border-color:#6366f1cc;box-shadow:0 0 10px #6366f166}.terms-checkbox{color:#fffc;align-items:flex-start;gap:.75rem;margin-bottom:0;font-size:.85rem;display:flex}.terms-checkbox a{color:#60a5fa;text-decoration:none;transition:color .3s}.terms-checkbox a:hover{color:#93c5fd;text-decoration:underline}.password-strength{align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.strength-bar{flex:1}.strength-fill{border-radius:2px;transition:width .3s,background-color .3s}.strength-label{text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.btn-submit{background:linear-gradient(135deg,#3b82f6,#6366f1,#8b5cf6) 0 0/200% 200%;border-radius:12px;justify-content:center;align-items:center;gap:.6rem;padding:.8rem 1.25rem;font-size:.975rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);animation:gradientShift 4s infinite;display:flex}.btn-submit:hover{transform:translateY(-3px);box-shadow:0 8px 25px #6366f166,0 4px 12px #3b82f64d}.btn-submit:active{transform:translateY(0)scale(.98)}.btn-submit.loading{pointer-events:none;opacity:.85}.btn-submit .btn-icon{transition:transform .3s}.btn-submit:hover .btn-icon{transform:translate(4px)}.loading-spinner-small{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:spin .8s linear infinite}.auth-divider{color:#ffffff80;align-items:center;margin:1rem 0 .75rem;font-size:.8rem;display:flex}.auth-divider:after,.auth-divider:before{content:"";background:#ffffff26;flex:1;height:1px}.auth-divider span{padding:0 1rem}.social-login{gap:.85rem}.social-btn,.social-login{justify-content:center;display:flex}.social-btn{color:#ffffffe6;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:12px;align-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:600;transition:all .3s}.social-btn:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d;transform:translateY(-3px);box-shadow:0 8px 20px #0003}.social-btn:disabled{opacity:.5;cursor:not-allowed}.animate-bounceIn{animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.animate-slideInLeft{animation:slideInLeft .4s ease-out}.hover-scale{transition:transform .3s}.hover-scale:hover{transform:scale(1.1)}.navbar{z-index:50;backdrop-filter:blur(12px)saturate(180%);padding:1.25rem 0;transition:all .3s;position:sticky;top:0;box-shadow:0 2px 12px #00000014}.navbar-content{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding:0 2rem;display:flex}.navbar h1{color:#1e293b;letter-spacing:-.025em;text-shadow:none;font-size:1.75rem;font-weight:800;transition:transform .3s}.navbar h1:hover{transform:scale(1.05)}.navbar-right{gap:1rem}.navbar-right,.user-info{align-items:center;display:flex}.user-info{backdrop-filter:blur(8px);color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;gap:.75rem;padding:.5rem 1rem;transition:all .3s}.user-info:hover{background:#e2e8f0;transform:translateY(-2px)}.role-badge{text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-sm);border-radius:20px;font-size:.75rem;font-weight:700;transition:all .3s}.role-badge:hover{transform:scale(1.05)}.role-student{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb)}.role-faculty{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.role-admin{color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.hero{padding:5rem 2rem;animation:fadeIn .8s ease-out}.hero h2{color:#fff;letter-spacing:-.025em;text-shadow:0 4px 6px #0000004d;margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;line-height:1.2;animation:slideDown .8s ease-out}.hero p{color:#ffffffd9;text-shadow:0 2px 4px #0003;max-width:700px;margin:0 auto 2.5rem;font-size:1.375rem;line-height:1.8;animation:slideDown .8s ease-out .2s both}.features{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{backdrop-filter:blur(12px)saturate(180%);text-align:center;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:2rem;transition:all .4s;animation:fadeInUp .6s ease-out both;position:relative;overflow:hidden;box-shadow:0 8px 32px #1f26875e}.feature-card:first-child{animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:before{content:"";background:linear-gradient(90deg,#60a5fa,#a78bfa);height:4px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.feature-card:hover{background:#ffffff26;transform:translateY(-12px);box-shadow:0 12px 48px #1f268780}.feature-card:hover:before{transform:scaleX(1)}.feature-card h3{color:#fff;text-shadow:0 2px 4px #0003;margin-bottom:1rem;font-size:1.5rem;font-weight:700;transition:transform .3s}.feature-card:hover h3{transform:scale(1.05)}.feature-card p{color:#fffc;font-size:1rem;line-height:1.8}input[type=checkbox]{cursor:pointer;accent-color:#3b82f6;background:#ffffff1a;border:2px solid #6496ff66;border-radius:4px;width:20px;height:20px;transition:all .3s}input[type=checkbox]:hover{accent-color:#60a5fa;background:#6496ff26;border-color:#6496ff99;transform:scale(1.15);box-shadow:0 0 10px #60a5fa66}input[type=checkbox]:checked{background:#3b82f64d;border-color:#3b82f6cc;box-shadow:0 0 12px #3b82f699,inset 0 0 4px #3b82f666}.form-group.checkbox-group{gap:.5rem;margin-bottom:0;display:flex}.form-group.checkbox-group label{color:#ffffffe6;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-bottom:0;font-size:.875rem;font-weight:500;transition:all .3s}.forgot-password{text-align:right;margin-top:0;margin-bottom:0}.forgot-password a{color:#60a5fa;font-size:.875rem;text-decoration:none;transition:color .3s}.forgot-password a:hover{color:#93c5fd;text-decoration:underline}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{padding-right:3.5rem}.password-toggle{cursor:pointer;color:#fffc;background:#ffffff1a;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:.5rem;font-size:1.125rem;transition:background .3s,opacity .3s;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)!important}.password-toggle:hover{opacity:1;background:#fff3;transform:translateY(-50%)!important}.password-toggle:focus{outline-offset:2px;border-radius:8px;outline:2px solid #6496ff99}.dashboard-container{background:#e2e8f0;display:flex}.dashboard-main{will-change:margin-left;background:#e2e8f0;margin-left:280px;padding:2rem;transition:margin-left .5s cubic-bezier(.34,1.56,.64,1),opacity .3s}.sidebar-overlay{backdrop-filter:blur(4px);z-index:98;background:#00000080;transition:opacity .3s,visibility .3s}.sidebar-toggle{z-index:1000;background:linear-gradient(135deg,#14b8a6f2,#10b981f2);border:2px solid #fff3;border-radius:14px;gap:6px;width:52px;height:52px;transition:all .4s cubic-bezier(.4,0,.2,1);top:1.5rem;left:1.5rem;box-shadow:0 4px 15px #14b8a666,0 8px 25px #0003}.sidebar-toggle:hover{background:linear-gradient(135deg,#14b8a6,#10b981);box-shadow:0 8px 25px #14b8a680,0 12px 35px #00000040}.sidebar-toggle:active{transform:scale(.95)}.faculty-theme+button.sidebar-toggle,aside.faculty-theme~button.sidebar-toggle{background:linear-gradient(135deg,#a855f7f2,#9333eaf2)!important;box-shadow:0 4px 15px #a855f766,0 8px 25px #0003!important}.faculty-theme+button.sidebar-toggle:hover,aside.faculty-theme~button.sidebar-toggle:hover{background:linear-gradient(135deg,#a855f7,#9333ea)!important;box-shadow:0 8px 25px #a855f780,0 12px 35px #00000040!important}.admin-theme+button.sidebar-toggle,aside.admin-theme~button.sidebar-toggle{background:linear-gradient(135deg,#2563ebf2,#1d4ed8f2)!important;box-shadow:0 4px 15px #2563eb66,0 8px 25px #0003!important}.admin-theme+button.sidebar-toggle:hover,aside.admin-theme~button.sidebar-toggle:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;box-shadow:0 8px 25px #2563eb80,0 12px 35px #00000040!important}.sidebar-toggle span{transform-origin:50%;background:#ffffffe6;border-radius:3px;width:24px;height:3px;transition:all .4s cubic-bezier(.4,0,.2,1)}.dashboard-sidebar{backdrop-filter:blur(20px)saturate(180%);color:#fff;will-change:transform;background:linear-gradient(#05967833,#10b98126);border-right:1px solid #ffffff26;width:280px;padding:2rem 1.5rem;transition:transform .5s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,background .3s;box-shadow:0 8px 32px #1f26875e,inset 0 0 60px #ffffff08}.dashboard-sidebar.faculty-theme{background:linear-gradient(#8b5cf633,#a855f726)}.dashboard-sidebar.admin-theme{background:linear-gradient(#1e3a8a4d,#2563eb33)}.dashboard-sidebar.open{z-index:999;transform:translate(0);box-shadow:2px 0 30px #0000004d,0 8px 32px #1f26875e,inset 0 0 60px #ffffff08}.dashboard-sidebar.closed{transform:translate(-280px)}@media (max-width:768px){.dashboard-sidebar{z-index:999;transform:translate(-280px)}.dashboard-sidebar.open{transform:translate(0);box-shadow:2px 0 20px #0000004d}.dashboard-sidebar.closed{transform:translate(-280px)}.dashboard-main{margin-left:0!important}}.dashboard-sidebar .logo{text-align:center;letter-spacing:-.025em;-webkit-text-fill-color:transparent;text-shadow:none;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;background-clip:text;border-bottom:2px solid #ffffff26;margin-top:4rem;margin-bottom:2.5rem;padding-bottom:1.5rem;font-size:1.5rem;font-weight:800;transition:all .3s;animation:fadeInDown .5s cubic-bezier(.4,0,.2,1)}.dashboard-sidebar .logo:hover{filter:drop-shadow(0 0 10px #ffffff4d);transform:scale(1.05)}.sidebar-header{border-bottom:2px solid #fff3;margin-top:4rem;margin-bottom:2rem;padding-bottom:1.5rem}.sidebar-title{color:#fff;text-align:center;letter-spacing:-.025em;text-shadow:0 2px 4px #0003;margin-bottom:.5rem;font-size:1.5rem;font-weight:800}.sidebar-subtitle{color:#ffffffb3;text-align:center;font-size:.875rem;font-weight:500}.dashboard-menu{flex:1;gap:.625rem;margin-bottom:1rem;padding-right:.5rem;overflow:hidden auto}.dashboard-menu::-webkit-scrollbar{width:6px}.dashboard-menu::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.dashboard-menu::-webkit-scrollbar-thumb{background:#6366f166;border-radius:3px}.dashboard-menu::-webkit-scrollbar-thumb:hover{background:#6366f199}.dashboard-menu a,.dashboard-menu button{color:#ffffffe6;cursor:pointer;opacity:0;background:#ffffff0d;border:1px solid #0000;border-radius:14px;align-items:center;padding:1rem 1.25rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);animation:slideInLeft .4s cubic-bezier(.4,0,.2,1) forwards;display:flex;position:relative;overflow:hidden}.dashboard-menu button:first-child{animation-delay:0s}.dashboard-menu button:nth-child(2){animation-delay:50ms}.dashboard-menu button:nth-child(3){animation-delay:.1s}.dashboard-menu button:nth-child(4){animation-delay:.15s}.dashboard-menu button:nth-child(5){animation-delay:.2s}.dashboard-menu button:nth-child(6){animation-delay:.25s}.dashboard-menu button:nth-child(7){animation-delay:.3s}.dashboard-menu a:before,.dashboard-menu button:before{content:"";background:linear-gradient(#3b82f6,#60a5fa);border-radius:0 4px 4px 0;width:4px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.dashboard-menu a:after,.dashboard-menu button:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(90deg,#6366f126,#0000);transition:opacity .3s;position:absolute;inset:0}.dashboard-menu a:hover,.dashboard-menu button:hover{box-shadow:0 4px 15px #00000026}.dashboard-menu a.active,.dashboard-menu button.active{background:linear-gradient(135deg,#6366f1e6,#4f46e5d9);border-color:#6366f199;box-shadow:0 4px 15px #6366f166,inset 0 0 20px #6366f133;color:#fff!important}.dashboard-menu .menu-btn.active{color:#fff!important}.dashboard-menu a.active:before,.dashboard-menu button.active:before{transform:scaleY(1)}.menu-btn{border-radius:14px;gap:.5rem;padding:1rem 1.25rem}.menu-btn:before{background:linear-gradient(#3b82f6,#60a5fa);transition:transform .3s cubic-bezier(.4,0,.2,1)}.menu-btn:after{background:linear-gradient(90deg,#3b82f626,#0000);transition:opacity .3s}.dashboard-menu a:hover,.dashboard-menu button:hover{color:#fff;background:#ffffff1a;border-color:#ffffff26;transform:translate(8px)translateY(-2px);box-shadow:0 8px 20px #3b82f640}.dashboard-menu a:hover:after,.dashboard-menu button:hover:after{opacity:1}.dashboard-menu a.active,.dashboard-menu button.active{color:#fff;background:#3b82f640;border-color:#3b82f666;font-weight:600;box-shadow:0 4px 15px #3b82f64d,inset 0 0 20px #3b82f61a}.menu-btn.active{background:linear-gradient(135deg,#14b8a6e6,#0d9488d9);border-color:#14b8a699;box-shadow:0 4px 15px #14b8a666,inset 0 0 20px #14b8a633;color:#fff!important}.faculty-theme .menu-btn:before{background:linear-gradient(#a855f7,#9333ea)}.faculty-theme .menu-btn:after{background:linear-gradient(90deg,#a855f726,#0000)}.faculty-theme .menu-btn:hover{box-shadow:0 8px 20px #a855f740}.faculty-theme .menu-btn.active{background:linear-gradient(135deg,#a855f7e6,#9333ead9);border-color:#a855f799;box-shadow:0 4px 15px #a855f766,inset 0 0 20px #a855f733;color:#fff!important}.faculty-theme .menu-btn.active:after{opacity:0!important}.admin-theme .menu-btn:before{background:linear-gradient(#1e3a8a,#1e40af)}.admin-theme .menu-btn:after{background:linear-gradient(90deg,#1e3a8a26,#0000)}.admin-theme .menu-btn:hover{box-shadow:0 8px 20px #1e3a8a59}.admin-theme .menu-btn.active{background:linear-gradient(135deg,#ef4444e6,#dc2626d9);border-color:#ef444499;box-shadow:0 4px 15px #ef444466,inset 0 0 20px #ef444433;color:#fff!important}.admin-theme .menu-btn.active:after{opacity:0!important}.delete-account-btn{color:#fff;cursor:pointer;letter-spacing:.025em;opacity:0;background:linear-gradient(135deg,#7f1d1df2,#991b1bf2);border:2px solid #dc262666;border-radius:14px;flex-shrink:0;margin-top:.75rem;padding:1rem;font-size:.9375rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) .4s forwards;position:relative;overflow:hidden;box-shadow:0 2px 8px #7f1d1d4d,inset 0 1px #ffffff1a}.delete-account-btn:before{content:"";background:linear-gradient(90deg,#0000,#ff00004d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.delete-account-btn:hover{background:linear-gradient(135deg,#991b1b,#b91c1c);border-color:#ef444499;transform:translateY(-3px)scale(1.02);box-shadow:0 10px 30px #991b1b99,0 15px 40px #0000004d,inset 0 1px #fff3}.delete-account-btn:hover:before{left:100%}.delete-account-btn:active{transform:translateY(-1px)scale(1)}@keyframes warningPulse{0%,to{box-shadow:0 2px 8px #7f1d1d4d}50%{box-shadow:0 2px 15px #ef444480}}.delete-account-btn:focus{outline:none;animation:warningPulse 2s ease-in-out infinite}.floating-icons-bar{z-index:999;gap:.75rem;animation:fadeIn .5s ease-out;top:1.5rem;right:1.5rem}.floating-icons-bar>*{transition:all .3s cubic-bezier(.4,0,.2,1)}.floating-icons-bar>:hover{transform:scale(1.1)}.dashboard-main{background:0 0;flex:1;padding:6.5rem 2.5rem 2.5rem 6rem;animation:fadeIn .5s ease-out;overflow-y:auto}.dashboard-main h1{color:#fff;letter-spacing:-.025em;-webkit-text-fill-color:transparent;text-align:center;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem;font-size:2.5rem;font-weight:800;animation:fadeInUp .6s ease-out}.subtitle{color:#ffffffd9;text-shadow:0 2px 4px #0003;text-align:center;margin-bottom:2.5rem;font-size:1.125rem;animation:slideDown .8s ease-out .1s both}.dashboard-header{gap:1.5rem}.dashboard-header h1{text-align:left;margin-bottom:.5rem}.dashboard-header .subtitle{text-align:left;margin-bottom:0}.header-actions{flex-wrap:wrap}.tab-strip{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.tab-chip{color:#fff;text-align:left;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:16px;flex-direction:column;justify-content:center;align-items:flex-start;min-height:104px;padding:1rem 1.25rem;transition:all .3s;display:flex}.tab-chip:hover{transform:translateY(-4px);box-shadow:0 10px 24px #0f172a33}.tab-chip.active{background:#6366f1e6;border-color:#ffffff4d;box-shadow:0 16px 32px #4f46e559}.tab-label{letter-spacing:-.01em;margin-bottom:.35rem;font-weight:700}.tab-description{opacity:.85;font-size:.875rem}.tab-panel{backdrop-filter:blur(10px);background:#0f172a66;border:1px solid #ffffff1f;border-radius:24px;padding:2.5rem;box-shadow:0 30px 80px #0f172a59}.panel-grid{flex-direction:column;gap:2rem;display:flex}.card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;display:grid}.info-card{background:#ffffff1f;border:1px solid #ffffff2e;border-radius:18px;transition:transform .2s,box-shadow .2s;box-shadow:0 15px 40px #0f172a59}.info-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px #6366f140}.info-card-label{text-transform:uppercase;letter-spacing:.08em;color:#e2e8f0d9;margin-bottom:.75rem;font-size:.875rem}.info-card-value{color:#fff;margin-bottom:.5rem;font-size:2rem;font-weight:800}.info-card-trend{color:#d1d5dbd9;font-size:.875rem}.content-section{box-shadow:var(--shadow-lg);background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;flex-direction:column;gap:1.5rem;padding:1.75rem;display:flex}.section-header{flex-wrap:wrap;align-items:flex-start;gap:1.5rem}.section-header h2{font-size:1.5rem}.section-subtitle{color:#64748b;font-size:.95rem}.link-button{color:#3b82f6;cursor:pointer;background:0 0;border:none;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .2s}.link-button:hover{color:#2563eb}.timeline{flex-direction:column;gap:1rem;list-style:none;display:flex}.timeline li{background:#0f172a59;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:1.5rem;padding:.75rem 1rem;display:flex}.timeline-time{color:#a5b4fc;width:80px;font-weight:600}.timeline-description{color:#e2e8f0e6;flex:1}.section-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.75rem;display:grid}.schedule-list{flex-direction:column;gap:1rem;list-style:none;display:flex}.schedule-list li{background:#1e293b99;border-radius:16px;justify-content:space-between;align-items:center;gap:1.5rem;padding:1rem 1.25rem;display:flex}.schedule-time{color:#b89b6a;font-weight:700}.schedule-title{color:#fff;font-size:1.1rem}.schedule-type{color:#e2e8f0bf;font-size:.85rem}.btn-outline{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff80;border-radius:12px;padding:.65rem 1.1rem;font-weight:600;transition:all .2s}.btn-outline:hover{background:#ffffff26;transform:translateY(-2px)}.pill-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;display:grid}.pill-card{color:#fff;text-align:center;background:#1e40af59;border:1px solid #818cf866;border-radius:14px;flex-direction:column;gap:.35rem;padding:1.1rem;display:flex}.pill-value{font-size:1.75rem;font-weight:700}.pill-label{color:#e2e8f0bf;font-size:.9rem}.performance-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;display:grid}.performance-column{background:#1e293b80;border:1px solid #ffffff1a;border-radius:16px;padding:1.25rem}.performance-column h3{color:#ffffffe6;margin-bottom:1rem}.performance-column ul{flex-direction:column;gap:.75rem;list-style:none;display:flex}.performance-column li{grid-template-columns:1fr auto;align-items:center;gap:.75rem;display:grid}.student-name{color:#fff;font-weight:600}.student-detail{color:#e2e8f0bf;font-size:.85rem}.student-score{color:#34d399;font-weight:600}.deadline-list{flex-direction:column;gap:1rem;list-style:none;display:flex}.deadline-list li{background:#1e293b8c;border:1px solid #ffffff1a;border-radius:16px;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.deadline-title{color:#fff;font-weight:600}.deadline-course{color:#e2e8f0b3;font-size:.9rem}.deadline-due{color:#a5b4fc;font-size:.9rem}.course-table{border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.course-table-row{color:#e2e8f0eb;cursor:pointer;text-align:left;background:#0f172a8c;border:none;outline:none;grid-template-columns:2fr 1fr 1fr 1fr 2fr;align-items:center;gap:1rem;padding:1rem 1.25rem;display:grid}.course-table-row:hover{background:#6366f133}.course-table-row.selected{background:#6366f159}.course-table-header{cursor:default;background:#0f172acc;font-weight:700}.status-pill{text-transform:capitalize;border-radius:999px;padding:.4rem .75rem;font-size:.85rem}.status-pill.active{color:#6ee7b7;background:#10b98133}.status-pill.archived{color:#fca5a5;background:#ef444433}.action-buttons{flex-wrap:wrap;justify-content:flex-end;gap:.75rem}.attendance-list,.calendar-list,.library-list,.materials-list,.shared-list,.student-list,.submission-list,.survey-list,.syllabus-list,.template-list{flex-direction:column;gap:1rem;list-style:none;display:flex}.attendance-list li,.calendar-list li,.library-list li,.materials-list li,.shared-list li,.student-list li,.survey-list li,.syllabus-list li{background:#0f172a8c;border:1px solid #ffffff14;border-radius:14px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;padding:1rem 1.25rem;display:grid}.module-progress{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;display:grid}.module-card{background:#1e293b8c;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:.4rem;padding:1rem;display:flex}.module-card.completed{border-color:#10b98173}.module-card.in-progress{border-color:#f59e0b73}.module-card.pending{border-color:#94a3b873}.module-title{color:#fff;font-weight:600}.module-status{color:#e2e8f0b3;font-size:.85rem}.materials-section{flex-direction:column;gap:1rem;display:flex}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;display:grid}.submission-list li{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.submission-list li.selected{background:#6366f140;border-color:#6366f180}.submission-title{color:#fff;font-weight:700}.submission-detail,.submission-meta span{color:#e2e8f0bf;font-size:.9rem}.grading-panel{flex-direction:column;gap:1.25rem;display:flex}.grading-header{color:#fff;justify-content:space-between;align-items:baseline;display:flex}.grading-rubric,.rubric-item{gap:.75rem;display:grid}.rubric-item{grid-template-columns:2fr 1fr auto;align-items:center}.rubric-item input{color:#fff;background:#0f172a8c;border:1px solid #ffffff26;border-radius:10px;padding:.5rem .75rem}.grading-actions{justify-content:flex-end;gap:1rem;display:flex}.chart-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.chart-card{background:#1e293b8c;border:1px solid #ffffff1f;padding:1.5rem}.chart-bar{background:#0f172ab3;border-radius:999px;height:12px;margin:1rem 0;display:flex;overflow:hidden}.chart-segment.low{background:#f87171}.chart-segment.mid{background:#fbbf24}.chart-segment.high{background:#34d399}.tool-row{flex-wrap:wrap;gap:.75rem;display:flex}.feedback-templates .pill-grid,.grading-history ul{margin-top:1rem}.grading-history li,.template-list li{justify-content:space-between;gap:1rem;display:flex}.auto-grading p{color:#e2e8f0cc}.student-directory{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;display:grid}.student-card{background:#0f172a8c;border:1px solid #ffffff1f;border-radius:18px;align-items:flex-start;gap:1rem;padding:1.25rem;display:flex}.student-card img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:48px;height:48px}.student-card h3{color:#fff}.student-card p{color:#e2e8f0bf}.student-metrics{color:#e5e7ebcc;gap:1rem;font-size:.85rem;display:flex}.student-contact{color:#a5b4fc;font-size:.85rem}.tracking-list li{background:#1e293b8c;border-radius:12px;grid-template-columns:1fr 3fr auto;align-items:center;gap:1rem;padding:.75rem 1rem;display:grid}.progress-bar{background:#0f172abf;border-radius:999px;height:10px}.progress-bar div{background:linear-gradient(90deg,#818cf8,#a855f7);height:100%}.alerts-list ul{flex-direction:column;gap:.75rem;display:flex}.alerts-list li{background:#0f172a99;border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;padding:.75rem 1rem;display:grid}.form-row{flex-direction:column;grid-column:1/-1;gap:.75rem;display:flex}.checkbox-row{gap:1rem}.content-section select,.content-section textarea,.input-control{color:#e2e8f0f2;background:#0f172aa6;border:1px solid #ffffff26;border-radius:12px;padding:.75rem 1rem}.input-control::-moz-placeholder{color:#e2e8f099}.input-control::placeholder{color:#e2e8f099}.library-list li,.shared-list li,.template-list li{grid-template-columns:2fr 1fr 1fr;display:grid}.library-title{color:#fff;font-weight:600}.library-meta{color:#e2e8f0bf;justify-content:flex-end;gap:1rem;display:flex}.submissions-view{background:#1e293b8c;border:1px solid #ffffff1a;border-radius:14px;padding:1.25rem}.live-class-list{flex-direction:column;gap:1rem;display:flex}.live-class-list li{background:#0f172a8c;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:1.25rem;padding:1rem 1.25rem;display:grid}.live-date{color:#f87171;font-weight:700}.live-time{color:#e2e8f0bf}.live-details p{color:#fff;font-weight:600}.live-details span{color:#e2e8f0b3;font-size:.85rem;display:block}.analytics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;display:grid}.analytics-card{background:#0f172a8c;border:1px solid #ffffff1f;border-radius:16px;padding:1.5rem}.analytics-card h3{color:#e2e8f0d9;margin-bottom:.75rem}.analytics-value{color:#fff;font-size:1.75rem;font-weight:700}.custom-reports{background:#1e293b8c;border:1px solid #ffffff1f;border-radius:16px;margin-top:1.5rem;padding:1.5rem}.announcement-preview{background:#0f172a99;border:1px solid #ffffff1f;border-radius:14px;padding:1.25rem}.template-list li span:last-child{text-align:right;color:#e2e8f0b3}.folder-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;display:grid}.folder-card{color:#fff;background:#0f172a8c;flex-direction:column;gap:.5rem;display:flex}.folder-card,.materials-analytics{border:1px solid #ffffff1f;border-radius:16px;padding:1.5rem}.materials-analytics{background:#1e293b8c}.profile-card{color:#e2e8f0eb;background:#0f172a8c;border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.profile-card h3{color:#fff}.profile-detail{font-size:.95rem}.credential-list{flex-wrap:wrap;gap:.75rem;display:flex}.credential-list span{background:#4f46e54d;border:1px solid #818cf866;border-radius:999px;padding:.5rem .85rem;font-size:.85rem}.preference-list{color:#e2e8f0d9}.integrations-list ul,.preference-list{flex-direction:column;gap:.75rem;display:flex}.integrations-list ul{margin-bottom:1rem;list-style:none}.integrations-list li{background:#0f172a8c;border:1px solid #ffffff1a;border-radius:12px;justify-content:space-between;padding:.75rem 1rem;display:flex}.attendance-summary{background:#1e293b8c;border:1px solid #ffffff1f;border-radius:14px;padding:1.25rem}.gamification-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;display:grid}.gamification-grid ul{list-style:none}.gamification-grid ul,.sidebar-links{flex-direction:column;gap:.75rem;display:flex}.sidebar-links{margin-top:2rem}.sidebar-links a{color:#ffffffbf;font-size:.9rem;text-decoration:none;transition:color .2s}.sidebar-links a:hover{color:#fff}.stats-grid{grid-template-columns:repeat(4,1fr);width:100%;margin-top:2rem}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}}.stat-card{backdrop-filter:none;background:#fffffff2;border:1.5px solid #ffffff40;border-left:5px solid #0000;flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:180px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeInUp .6s ease-out both;box-shadow:0 10px 40px #1f268726}.stat-card:after{content:"";opacity:.12;border-radius:50%;width:100px;height:100px;position:absolute;top:0;right:0;transform:translate(35%,-35%)}.stat-card:first-child{border-left-color:#3b82f6;animation-delay:.1s}.stat-card:first-child:after{background:#3b82f6}.stat-card:nth-child(2){border-left-color:#10b981;animation-delay:.2s}.stat-card:nth-child(2):after{background:#10b981}.stat-card:nth-child(3){border-left-color:#f59e0b;animation-delay:.3s}.stat-card:nth-child(3):after{background:#f59e0b}.stat-card:nth-child(4){border-left-color:#8b5cf6;animation-delay:.4s}.stat-card:nth-child(4):after{background:#8b5cf6}.stat-card h3{color:#4b5563;text-transform:uppercase;letter-spacing:.08em;text-shadow:none;align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:.8rem;font-weight:600;line-height:1.4;display:flex}.stat-card p{color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;z-index:1;letter-spacing:-.02em;margin:.5rem 0;font-size:3.25rem;font-weight:900;line-height:1;position:relative}.quick-action-banner{flex-wrap:wrap;gap:1rem;margin-bottom:2rem;animation:fadeInUp .6s ease-out;display:flex}.announcement-button{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-left:4px solid #3b82f6;border-radius:16px;align-items:center;gap:1.25rem;width:auto;max-width:500px;padding:1.25rem 1.75rem;transition:all .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 12px #0000000f}.announcement-button:before{content:"";opacity:.05;background:#3b82f6;border-radius:50%;width:80px;height:80px;position:absolute;top:0;right:0;transform:translate(30%,-30%)}.announcement-button:hover{background:#f8faff;border-color:#93c5fd;transform:translateY(-3px);box-shadow:0 8px 24px #3b82f626}.announcement-icon{color:#3b82f6;background:#eff6ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;min-width:52px;height:52px;font-size:1.5rem;display:flex}.announcement-content{z-index:1;flex-direction:column;flex:1;gap:.25rem;display:flex;position:relative}.announcement-content h3{color:#1e293b;margin:0;font-size:1.05rem;font-weight:700}.announcement-content p{color:#64748b;margin:0;font-size:.875rem;line-height:1.4}.arrow-icon{color:#93c5fd;z-index:1;flex-shrink:0;font-size:1.2rem;transition:all .25s;position:relative}.announcement-button:hover .arrow-icon{color:#3b82f6;transform:translate(5px)}.charts-container{margin-top:3rem;animation:fadeInUp .6s ease-out .3s both}.charts-grid{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.chart-card{backdrop-filter:blur(12px)saturate(180%);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;padding:2rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 8px 32px #1f26875e}.chart-card:before{content:"";opacity:.6;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#10b981);height:4px;position:absolute;top:0;left:0;right:0}.chart-card:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-5px);box-shadow:0 12px 48px #1f268780}.chart-header{gap:1rem;margin-bottom:1.5rem}.chart-title{color:#fff;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 2px 4px #0003;margin:0;font-size:1.125rem}.chart-period-select{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;outline:none;min-width:120px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .3s}.chart-period-select:hover{background:#ffffff26;border-color:#3b82f680}.chart-period-select:focus{border-color:#3b82f6b3;box-shadow:0 0 0 3px #3b82f633}.chart-period-select option{color:#fff;background:#1f2937;padding:.5rem}.chart-wrapper{height:300px;position:relative}@media (max-width:1024px){.charts-grid{grid-template-columns:1fr;gap:1.5rem}.chart-wrapper{height:250px}}@media (max-width:768px){.charts-container{margin-top:2rem}.chart-card{padding:1.5rem}.chart-title{margin-bottom:1rem;font-size:1rem}.chart-wrapper{height:220px}}.loading{color:#ffffffe6;background:linear-gradient(135deg,#4f46e51a,#8b5cf61a);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:100vh;font-size:1.25rem;font-weight:600;display:flex;position:relative}.loading:before{content:"";border:4px solid #6366f133;border-top-color:#6366f1;border-radius:50%;width:64px;height:64px;animation:spin .8s linear infinite;position:absolute;box-shadow:0 0 30px #6366f14d}.loading:after{content:"";border:4px solid #8b5cf633;border-bottom-color:#8b5cf6;border-radius:50%;width:48px;height:48px;animation:spin 1.2s linear infinite reverse;position:absolute}@media (max-width:768px){.dashboard-container{flex-direction:column}.dashboard-sidebar{width:100%;height:auto;padding:20px;position:static}.dashboard-sidebar .logo{margin-bottom:20px}.dashboard-menu{flex-direction:row;gap:10px;padding-bottom:10px;overflow-x:auto}.dashboard-menu a{white-space:nowrap;padding:10px 14px;font-size:14px}.logout-btn{margin-top:10px}.dashboard-main{padding:80px 20px 20px}.dashboard-main h1{font-size:28px}.subtitle{font-size:16px}.stats-grid{grid-template-columns:1fr;gap:16px}.stat-card{padding:20px}.stat-card p{font-size:28px}}.student-sidebar{backdrop-filter:blur(12px)saturate(180%)!important;background:#10b98126!important}.menu-btn{color:#ffffffe6;background:#ffffff0d;border:1px solid #0000;border-radius:12px;margin-bottom:.5rem;padding:.875rem 1.125rem;font-size:.9375rem;text-decoration:none;transition:all .3s;overflow:hidden}.menu-btn:before{background:linear-gradient(#34d399,#10b981);width:4px;transition:transform .3s;top:0;bottom:0;transform:scaleY(0)}.menu-btn:hover{color:#fff;background:#ffffff26;border-color:#fff3;transform:translate(6px);box-shadow:0 4px 12px #00000026}.menu-btn.active{background:#fff3;border-color:#ffffff4d;box-shadow:0 4px 12px #0003}.menu-btn.active:before{transform:scaleY(1)}.profile-card{backdrop-filter:blur(12px)saturate(180%);text-align:center;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;max-width:480px;margin:2rem auto;padding:3rem;transition:all .3s;animation:fadeInUp .6s ease-out;box-shadow:0 8px 32px #1f26875e}.profile-card:hover{background:#ffffff26;transform:translateY(-6px);box-shadow:0 12px 48px #1f268780}.profile-card h2{color:#fff;text-shadow:0 2px 4px #0000004d;margin-bottom:1rem;font-size:2rem;font-weight:700}.profile-card p{color:#ffffffd9;margin-bottom:.75rem;font-size:1rem;line-height:1.6}.avatar{border:5px solid #10b981;border-radius:50%;margin-bottom:1.5rem;box-shadow:0 8px 24px #10b98166}.course-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:2rem}.course-card{background:#ffffff1a;border:1px solid #fff3;border-radius:16px;padding:0;transition:all .3s;box-shadow:0 8px 32px #1f26875e}.course-card,.enhanced-course-card{backdrop-filter:blur(12px)saturate(180%);animation:fadeInUp .6s ease-out both;position:relative;overflow:hidden}.enhanced-course-card{background:#ffffff0d;border:1px solid #ffffff26}.course-thumbnail-header{background-position:50%;background-size:cover;border-radius:16px 16px 0 0;width:100%;height:180px;position:relative;overflow:hidden}.course-card:after{display:none}.course-card:hover{background:#ffffff26;transform:translateY(-8px);box-shadow:0 12px 48px #1f268780}.course-card h3{color:#fff;z-index:1;text-shadow:0 2px 4px #0000004d;margin-bottom:1rem;font-size:1.375rem;font-weight:700;position:relative}.course-card .course-thumbnail,.enhanced-course-card .course-thumbnail{background:linear-gradient(135deg,#6366f133,#8b5cf633);border-radius:16px 16px 0 0;width:100%;height:200px;position:relative;overflow:hidden}.course-card .course-thumbnail img,.enhanced-course-card .course-thumbnail img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .3s}.course-card:hover .course-thumbnail img,.enhanced-course-card:hover .course-thumbnail img{transform:scale(1.05)}.course-card .thumbnail-placeholder,.enhanced-course-card .thumbnail-placeholder{background:linear-gradient(135deg,#6366f14d,#8b5cf64d);width:100%;height:100%}.course-card .course-content,.enhanced-course-card .course-content{padding:1.25rem}.tool-card{backdrop-filter:blur(12px)saturate(180%);background:#ffffff1a;border:1px solid #fff3;border-left:5px solid #10b981;border-radius:16px;margin-bottom:1.5rem;padding:2rem;transition:all .3s;animation:fadeInUp .6s ease-out both;box-shadow:0 8px 32px #1f26875e}.tool-card:hover{background:#ffffff26;transform:translateY(-6px);box-shadow:0 12px 48px #1f268780}.tool-card h2{color:#fff;text-shadow:0 2px 4px #0000004d;margin-bottom:.875rem;font-size:1.5rem;font-weight:700}.tool-card p{color:#ffffffd9;margin-bottom:.75rem;line-height:1.8}.tool-card ul{margin:1rem 0;padding-left:1.5rem}.tool-card li{color:#fffc;margin-bottom:.5rem;line-height:1.8}@media (max-width:768px){.course-grid{grid-template-columns:1fr}.profile-card{max-width:100%;padding:2rem 1.5rem}.tool-card{padding:1.5rem}.menu-btn{padding:.75rem 1rem;font-size:.875rem}.hero h2{font-size:2rem}.hero p{font-size:1rem}.navbar-content{padding:0 1rem}.navbar h1{font-size:1.25rem}.navbar-right{gap:.5rem}.auth-card{padding:2rem}.auth-card h1{font-size:1.5rem}.login-layout{grid-template-columns:1fr;gap:1.5rem;min-height:auto}.login-divider{width:100%;height:2px}.login-right-column{flex-direction:row;justify-content:center;align-items:center;gap:1.5rem}.logo-placeholder{width:100px;height:100px}.role-group{max-width:100%}}.learning-tools-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:.5rem;display:flex;overflow-x:auto}.learning-tools-tabs .btn{white-space:nowrap;flex:none;padding:.5rem .9rem;width:auto!important}.learning-tools-tabs .btn+.btn{margin-left:.25rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(#6366f199,#8b5cf699) padding-box padding-box;border:2px solid #0000;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#6366f1cc,#8b5cf6cc)}::-webkit-scrollbar-corner{background:0 0}*{scrollbar-color:#6366f180 #0000001a}::-moz-selection{color:#fff;background:#6366f199}::selection{color:#fff;background:#6366f199}.home-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2rem;display:grid}.activity-card{backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;padding:1.5rem;box-shadow:0 8px 32px #1f26875e}.activity-card h2{color:#fff;margin-bottom:1rem;font-size:1.25rem}.activity-card.full-width{grid-column:1/-1}.activity-list{flex-direction:column;gap:1rem;display:flex}.activity-item{background:#ffffff0d;border-radius:12px;gap:1rem;padding:1rem;transition:all .3s;display:flex}.activity-item:hover{background:#ffffff1a;transform:translate(5px)}.activity-icon{flex-shrink:0;font-size:1.5rem}.activity-content{flex:1}.activity-text{color:#fff;margin-bottom:.25rem;font-weight:500}.class-list{flex-direction:column;gap:1rem;display:flex}.class-item{background:#ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;padding:1rem;transition:all .3s;display:flex}.class-item:hover{background:#ffffff1a}.class-info h3{color:#fff;margin-bottom:.5rem;font-size:1rem}.class-instructor,.class-time{color:#ffffffb3;margin:.25rem 0;font-size:.875rem}.assignment-list{flex-direction:column;gap:1rem;display:flex}.assignment-item{background:#ffffff0d;border-radius:12px;padding:1.25rem;transition:all .3s}.assignment-item:hover{background:#ffffff1a}.assignment-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.assignment-header h3{color:#fff;margin-bottom:.25rem;font-size:1.1rem}.assignment-course{color:#fff9;font-size:.875rem}.assignment-due{flex-shrink:0}.due-badge{color:#60a5fa;background:#3b82f633;border:1px solid #3b82f64d;border-radius:8px;padding:.375rem .75rem;font-size:.875rem;font-weight:600}.due-badge.warning{color:#fbbf24;background:#f59e0b33;border-color:#f59e0b4d}.due-badge.urgent{color:#f87171;background:#ef444433;border-color:#ef44444d}.progress-bar-container{background:#ffffff1a;border-radius:4px;height:8px;margin-bottom:.5rem}.progress-bar{background:linear-gradient(90deg,#3b82f6,#60a5fa);height:100%;transition:width .3s}.progress-label{color:#ffffffb3;text-align:right;font-size:.875rem}.search-input{color:#1f2937;background:linear-gradient(135deg,#fffffffa,#f9fafbfa);border:1.5px solid #e5e7eb;min-width:240px;padding:1rem 1.25rem;font-size:.95rem;font-weight:500;box-shadow:0 2px 6px #0000000d}.search-input:focus{background:#fff;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.filter-buttons{flex-wrap:wrap;gap:.75rem}.filter-btn{color:#4b5563;background:linear-gradient(135deg,#fffffffa,#f9fafbfa);border:1.5px solid #e5e7eb;padding:.875rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 6px #0000000d}.filter-btn:before{content:"";opacity:0;background:linear-gradient(135deg,#3b82f61a,#60a5fa0d);width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.filter-btn:hover{color:#1f2937;background:linear-gradient(135deg,#fff,#f9fafb);border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.filter-btn:hover:before{opacity:1}.filter-btn.active{color:#fff;background:linear-gradient(135deg,#3b82f6,#60a5fa);border-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 16px #3b82f64d}.filter-btn.active:before{opacity:0}.enhanced-course-card{backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;padding:1.5rem;transition:all .3s;box-shadow:0 8px 32px #1f26875e}.enhanced-course-card:hover{background:#ffffff26;transform:translateY(-5px);box-shadow:0 12px 48px #1f268780}.course-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.course-header h3{color:#fff;flex:1;font-size:1.25rem}.status-badge{white-space:nowrap;border-radius:8px}.status-badge.completed{color:#60a5fa;background:#3b82f633;border:1px solid #3b82f64d}.status-badge.upcoming{color:#fbbf24;background:#f59e0b33;border:1px solid #f59e0b4d}.status-badge.in-progress{color:#a78bfa;background:#8b5cf633;border:1px solid #8b5cf64d}.course-instructor{gap:.5rem;margin-bottom:1rem;font-size:.9rem}.instructor-avatar{font-size:1.5rem}.course-meta{margin-bottom:1rem}.course-meta p{color:#ffffffb3;margin:.375rem 0;font-size:.875rem}.course-progress-section{margin:1.25rem 0}.progress-header{color:#fffc;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.875rem;display:flex}.progress-percent{color:#fff;font-weight:600}.course-actions{flex-direction:column;gap:.5rem;margin-top:1rem}.profile-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem;display:grid}.profile-main-card{backdrop-filter:blur(12px);text-align:center;background:#ffffff1a;border:1px solid #fff3;border-radius:16px;padding:2rem;box-shadow:0 8px 32px #1f26875e}.profile-avatar-section{flex-direction:column;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.avatar-large{border:4px solid #ffffff4d;border-radius:50%;width:120px;height:120px}.profile-main-card h2{color:#fff;margin-bottom:.5rem;font-size:1.5rem}.profile-email,.profile-role{color:#ffffffb3;margin:.25rem 0}.profile-stats-mini{border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;justify-content:space-around;margin:1.5rem 0;padding:1rem 0;display:flex}.stat-mini{flex-direction:column;align-items:center;gap:.25rem;display:flex}.stat-value{letter-spacing:-.03em;margin:.5rem 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.profile-info-card,.profile-section-card{backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;padding:1.5rem;box-shadow:0 8px 32px #1f26875e}.profile-info-card h3,.profile-section-card h3{color:#fff;margin-bottom:1rem;font-size:1.125rem}.bio-text{color:#fffc;margin-bottom:1rem;line-height:1.6}.contact-info{margin:1rem 0}.contact-info p{color:#fffc;margin:.5rem 0}.contact-info strong{color:#fff}.enrollment-list{flex-direction:column;gap:.75rem;display:flex}.enrollment-item{background:#ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;padding:1rem;display:flex}.enrollment-course{color:#fff;margin-bottom:.25rem;font-weight:500}.enrollment-date{color:#fff9;font-size:.875rem}.badge-item{text-align:center;padding:1rem;transition:all .3s}.badge-item:hover{background:#ffffff1a;transform:scale(1.05)}.badge-icon{margin-bottom:.5rem;font-size:2.5rem;display:block}.badge-item h4{color:#fff;margin-bottom:.25rem;font-size:.9rem}.badge-item p{color:#fff9;font-size:.75rem}.view-toggle{gap:.5rem;margin:2rem 0}.toggle-btn{color:#fffc;cursor:pointer;background:#ffffff0d;border:1px solid #fff3;border-radius:12px;padding:.75rem 1.5rem;font-weight:500;transition:all .3s}.toggle-btn:hover{background:#ffffff1a}.toggle-btn.active{color:#fff;background:#3b82f64d;border-color:#3b82f680}.schedule-container{flex-direction:column;gap:1rem;display:flex}.schedule-item{backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #fff3;border-left:4px solid #0000;border-radius:12px;gap:1rem;padding:1.25rem;transition:all .3s;display:flex}.schedule-item.class{border-left-color:#3b82f6}.schedule-item.exam{border-left-color:#ef4444}.schedule-item:hover{background:#ffffff26;transform:translate(5px)}.schedule-icon{flex-shrink:0;font-size:2rem}.schedule-content{flex:1}.schedule-content h3{color:#fff;margin-bottom:.5rem;font-size:1.125rem}.schedule-meta{color:#ffffffb3;margin-bottom:.25rem;font-size:.875rem}.schedule-instructor{color:#fff9;font-size:.875rem}.priority-badge{border-radius:6px;margin-top:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.priority-badge.high{color:#f87171;background:#ef444433}.priority-badge.medium{color:#fbbf24;background:#f59e0b33}.grades-section{margin-top:2rem}.grades-section h2{color:#fff;margin-bottom:1rem;font-size:1.5rem}.grades-table{flex-direction:column;gap:1rem;display:flex}.grade-row{backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;justify-content:space-between;align-items:center;padding:1.25rem;transition:all .3s;display:flex}.grade-row:hover{background:#ffffff26;transform:translateY(-2px)}.grade-info h3{color:#fff;margin-bottom:.5rem;font-size:1.125rem}.grade-course{color:#ffffffb3;margin-bottom:.25rem;font-size:.875rem}.grade-date{color:#ffffff80;font-size:.75rem}.grade-score-section{align-items:center;gap:1rem;display:flex}.grade-score{text-align:right}.score-value{color:#fff;font-size:2rem;font-weight:700}.score-max{color:#ffffff80;font-size:1.25rem}.grade-badge{text-align:center;border-radius:8px;min-width:50px;padding:.5rem 1rem;font-size:1.125rem;font-weight:700}.grade-badge.grade-A{color:#34d399;background:#10b98133;border:2px solid #10b9814d}.grade-badge.grade-Bplus{color:#60a5fa;background:#3b82f633;border:2px solid #3b82f64d}.grade-badge.grade-Aminus{color:#6ee7b7;background:#10b98126;border:2px solid #10b98140}.grade-badge.grade-Cplus{color:#fbbf24;background:#f59e0b33;border:2px solid #f59e0b4d}.grade-value{color:#fff;margin:.5rem 0;font-weight:700;font-size:2.5rem!important}.grade-scale{color:#fff9;font-size:.875rem;display:block}.performance-list{flex-direction:column;gap:1.5rem;display:flex}.performance-item{backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:1.25rem}.performance-item h3{color:#fff;margin-bottom:1rem;font-size:1.125rem}.performance-bars{flex-direction:column;gap:1rem;margin-bottom:1rem;display:flex}.performance-bar-group label{color:#ffffffb3;margin-bottom:.5rem;font-size:.875rem;display:block}.performance-bar-bg{background:#ffffff1a;border-radius:8px;height:32px;overflow:hidden}.performance-bar{border-radius:8px;justify-content:flex-end;align-items:center;height:100%;padding-right:1rem;font-weight:600;transition:width .5s;display:flex}.performance-bar.your-score{color:#fff;background:linear-gradient(90deg,#3b82f6,#60a5fa)}.performance-bar.class-avg{color:#fff;background:linear-gradient(90deg,#6b7280,#9ca3af)}.performance-diff{color:#fffc;font-size:.875rem;font-weight:500}.no-results{color:#fff9;padding:3rem;font-size:1.125rem}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-secondary:hover{background:#6b728080}.full-width{width:100%}@media (max-width:1024px){.home-grid,.profile-grid{grid-template-columns:1fr}.course-controls{flex-direction:column}.filter-buttons{width:100%;overflow-x:auto}}@media (max-width:768px){.badges-grid{grid-template-columns:1fr}.assignment-header{flex-direction:column;gap:.5rem}.grade-row{flex-direction:column;align-items:flex-start;gap:1rem}.grade-score-section{justify-content:space-between;width:100%}}.admin-header{text-align:center;flex-direction:column;justify-content:center;gap:1rem;margin-bottom:2rem}.admin-header,.last-updated{align-items:center;display:flex}.last-updated{color:#0000;background:0 0;border:none;border-radius:0;gap:.5rem;margin-top:.25rem;padding:0;font-size:0}.pulse-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:pulse 2s ease-in-out infinite;display:none!important}.admin-stats{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.live-stat{border-left:4px solid #10b981;position:relative}.stat-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.pulse-indicator{background:#10b981;border-radius:50%;width:10px;height:10px;animation:pulse 2s ease-in-out infinite}.stat-trend{margin-top:.5rem;font-size:.875rem;font-weight:500;display:block}.stat-trend.positive{color:#10b981}.stat-trend.negative{color:#ef4444}.stat-trend.neutral{color:#fff9}.health-bar{background:#ffffff1a;border-radius:4px;height:8px;margin-top:.5rem;overflow:hidden}.health-fill{background:linear-gradient(90deg,#10b981,#34d399);border-radius:4px;height:100%;transition:width .5s}.alert-stat{border-left:4px solid #f59e0b}.admin-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2rem;display:grid}.admin-card{backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;padding:1.5rem;box-shadow:0 8px 32px #1f26875e}.admin-card h2{color:#fff;margin-bottom:1rem;font-size:1.25rem}.admin-card.full-width{grid-column:1/-1}.alert-list{flex-direction:column;gap:1rem;display:flex}.alert-item{border-left:4px solid #0000;border-radius:12px;gap:1rem;padding:1rem;transition:all .3s;display:flex}.alert-item.alert-warning{background:#f59e0b1a;border-left-color:#f59e0b}.alert-item.alert-error{background:#ef44441a;border-left-color:#ef4444}.alert-item.alert-success{background:#10b9811a;border-left-color:#10b981}.alert-item.alert-info{background:#3b82f61a;border-left-color:#3b82f6}.alert-item:hover{background:#ffffff26}.alert-icon{flex-shrink:0;font-size:1.5rem}.alert-content{flex:1}.alert-content p{color:#fff;margin-bottom:.25rem}.alert-time{color:#fff9;font-size:.875rem}.activity-feed{flex-direction:column;gap:1rem;display:flex}.activity-item-admin{background:#ffffff0d;border-radius:12px;gap:1rem;padding:1rem;transition:all .3s;display:flex}.activity-item-admin:hover{background:#ffffff1a;transform:translate(5px)}.activity-details p{color:#ffffffe6;margin-bottom:.25rem}.activity-details strong{color:#fff;font-weight:600}.action-card{text-align:center;cursor:pointer;background:#ffffff0d;border:1px solid #fff3;border-radius:12px;padding:1.5rem;transition:all .3s}.action-card:hover{background:#ffffff1a;border-color:#3b82f680;transform:translateY(-5px);box-shadow:0 8px 24px #3b82f64d}.action-icon{margin-bottom:.75rem;font-size:2.5rem;display:block}.action-card h3{color:#fff;margin-bottom:.5rem;font-size:1rem}.action-card p{color:#ffffffb3;font-size:.875rem}.user-controls{flex-wrap:wrap;gap:1rem;margin:2rem 0;display:flex}.filter-group{flex-wrap:wrap}.filter-select:focus{background:#ffffff26;border-color:#3b82f680}.filter-select option{background:#1f2937}.bulk-actions-bar{color:#fff;background:#3b82f633;border:1px solid #3b82f64d;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1rem 1.5rem;display:flex}.bulk-actions-buttons{gap:.5rem;display:flex}.btn-danger:hover{background:#ef444480}.admin-table-container{background:#1a1a1a;border:1px solid #8b5cf64d;border-radius:16px;margin-top:1rem;overflow:hidden}.admin-table{border-collapse:collapse;width:100%}.admin-table thead{background:#0a0a0a;border-bottom:2px solid #8b5cf64d}.admin-table th{text-align:left;color:#fff;text-transform:uppercase;letter-spacing:.05em;padding:1rem;font-size:.875rem;font-weight:600}.admin-table td{color:#d1d5db;border-bottom:1px solid #ffffff1a;padding:1rem}.admin-table tbody tr{transition:all .3s}.admin-table tbody tr:hover{background:#242424}.admin-table input[type=checkbox]{cursor:pointer;width:18px;height:18px}.role-badge{text-transform:capitalize;border-radius:8px;padding:.375rem .875rem;font-size:.875rem;font-weight:500;display:inline-block}.role-badge.admin{color:#a78bfa;background:#8b5cf633;border:1px solid #8b5cf64d}.role-badge.faculty{color:#60a5fa;background:#3b82f633;border:1px solid #3b82f64d}.role-badge.student,.status-badge.active{color:#34d399;background:#10b98133;border:1px solid #10b9814d}.status-badge.inactive{color:#9ca3af;background:#6b728033;border:1px solid #6b72804d}.status-badge.suspended{color:#f87171;background:#ef444433;border:1px solid #ef44444d}.status-badge.published{color:#34d399;background:#10b98133;border:1px solid #10b9814d}.status-badge.pending{color:#fbbf24;background:#f59e0b33;border:1px solid #f59e0b4d}.status-badge.draft{color:#9ca3af;background:#6b728033;border:1px solid #6b72804d}.status-badge.archived{color:#6b7280;background:#4b556333;border:1px solid #4b55634d}.btn-icon{background:#ffffff1a;border:1px solid #fff3;padding:.5rem;font-size:1rem}.create-course-container{max-width:1200px;min-height:100vh;margin:0 auto;padding:2rem}.create-course-header{backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;display:flex}.create-course-header h1{color:#fff;margin-bottom:.5rem;font-size:2rem;font-weight:700}.create-course-header p{color:#ffffffb3;font-size:1rem}.create-course-form{flex-direction:column;gap:2rem;display:flex}.form-section{backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:2rem}.form-section h2{color:#fff;margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.section-description{color:#fff9;margin-bottom:1.5rem}.form-group:last-child{margin-bottom:0}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#ffffff1f}.dynamic-field-group{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.dynamic-field-group input{color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;flex:1;padding:.75rem 1rem;font-size:1rem}.btn-remove{color:#ef4444;cursor:pointer;background:#ef444433;border:1px solid #ef44444d;border-radius:8px;padding:.75rem 1rem;font-weight:600;transition:all .3s}.btn-remove:hover{background:#ef44444d;border-color:#ef444480}.form-actions{backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:flex-end;padding:2rem}.form-actions button{padding:.875rem 1.5rem;font-size:1rem;font-weight:600}.course-detail-grid{flex-direction:column;gap:1.5rem;display:flex}.detail-section{border-bottom:1px solid #ffffff1a;padding-bottom:1rem}.detail-section:last-child{border-bottom:none;padding-bottom:0}.detail-section h3{margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.course-description{color:#ffffffb3;line-height:1.8}.detail-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.detail-item p{font-weight:500}.outcome-list{margin:0;padding:0;list-style:none}.outcome-list li{color:#fffc;align-items:center;gap:.5rem;padding:.5rem 0;display:flex}.alert-warning{background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:8px;padding:1rem}.alert-warning label{color:#fbbf24;margin-bottom:.5rem;font-weight:600}.alert-warning p{color:#ffffffe6}.helper-text{color:#fff9;margin-top:1rem;font-size:.9rem;font-style:italic}.btn-danger{color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 10px 20px #ef44444d}.btn-danger:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-icon:hover{background:#fff3}.rating{color:#fbbf24;font-weight:500}.text-muted{color:#fff6}.alert-banner{border-radius:12px;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem;display:flex}.alert-banner.warning{color:#fff;background:#f59e0b26;border:1px solid #f59e0b4d}.alert-banner span:first-child{font-size:1.5rem}.alert-banner p{flex:1;margin:0}.audit-controls{background:linear-gradient(135deg,#fffffff2,#f9fafbf2);border:1px solid #dbeafe99;border-radius:16px;flex-wrap:wrap;align-items:center;margin:2rem 0;box-shadow:0 4px 16px #00000014}.audit-controls,.audit-log-item{gap:1rem;padding:1.5rem;display:flex}.audit-log-item{background:linear-gradient(135deg,#fffffffa,#f9fafbfa);border:1px solid #dbeafe80;border-left:5px solid #0000;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000f}.audit-log-item:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#0000,#fff6);width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.audit-log-item:hover{background:linear-gradient(135deg,#fff,#f9fafb);border-color:#dbeafecc;transform:translateY(-4px)scale(1.01);box-shadow:0 8px 24px #0000001f}.audit-log-item:hover:before{opacity:1}.audit-log-item.severity-error{background:linear-gradient(135deg,#fef2f2fa,#fffffffa);border-left-color:#ef4444}.audit-log-item.severity-error .log-icon{color:#ef4444}.audit-log-item.severity-warning{background:linear-gradient(135deg,#fefce8fa,#fffffffa);border-left-color:#f59e0b}.audit-log-item.severity-warning .log-icon{color:#f59e0b}.audit-log-item.severity-success{background:linear-gradient(135deg,#f0fdf4fa,#fffffffa);border-left-color:#10b981}.audit-log-item.severity-success .log-icon{color:#10b981}.audit-log-item.severity-info{background:linear-gradient(135deg,#eff6fffa,#fffffffa);border-left-color:#3b82f6}.audit-log-item.severity-info .log-icon{color:#3b82f6}.log-icon{background:#fffc;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.75rem;display:flex;box-shadow:0 2px 8px #00000014}.log-content{flex:1}.log-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.log-header strong{color:#1f2937;font-size:1.05rem;font-weight:600}.log-timestamp{color:#6b7280;font-size:.85rem;font-weight:500}.log-details{color:#4b5563;margin:.5rem 0;font-size:.95rem;line-height:1.6}.log-footer{margin-top:.75rem}.log-user{color:#6b7280;font-size:.875rem;font-weight:500}.settings-container{flex-direction:column;gap:2rem;display:flex}.settings-section{background:#ffffff14;border:1px solid #fff3;border-radius:16px;padding:2rem}.settings-section h2{color:#fff;margin-bottom:1.5rem;font-size:1.25rem}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.setting-item{flex-direction:column;gap:.5rem}.setting-item label{color:#ffffffe6;font-size:.9rem;font-weight:500}.setting-input{color:#fff;background:#ffffff0d;border:1px solid #fff3;border-radius:12px;padding:.875rem 1rem;font-size:1rem;transition:all .3s}.setting-input:focus{background:#ffffff1a;border-color:#3b82f680;outline:none}.toggle-item{flex-direction:row;justify-content:space-between;align-items:center}.toggle-switch{width:60px;height:34px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:#6b728080;border-radius:34px;transition:all .4s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fffffff2;border-radius:50%;width:26px;height:26px;transition:all .4s;position:absolute;bottom:4px;left:4px}.toggle-switch input:checked+.toggle-slider{background:#10b981}.toggle-switch input:checked+.toggle-slider:before{transform:translate(26px)}.settings-actions{justify-content:flex-end;gap:1rem;margin-top:2rem;display:flex}.admin-sidebar .logo{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#8b5cf6,#6366f1);-webkit-background-clip:text;background-clip:text}@media (max-width:1024px){.admin-grid{grid-template-columns:1fr}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}}@media (max-width:768px){.admin-header{align-items:flex-start;gap:1rem}.admin-header,.user-controls{flex-direction:column}.filter-group{width:100%}.filter-select{flex:1}.admin-table-container{overflow-x:auto}.quick-actions-grid{grid-template-columns:1fr}.bulk-actions-bar{flex-direction:column;gap:1rem}.bulk-actions-buttons{justify-content:space-between;width:100%}}.modal-overlay{backdrop-filter:blur(8px);z-index:10000;background:#000c;padding:1.5rem;animation:fadeIn .25s ease-out}.modal-content{background:linear-gradient(135deg,#1e1e3cfa,#14142dfa);border-radius:24px;max-width:600px;padding:2rem;animation:modalSlideUp .4s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 25px 80px #0009,0 0 0 1px #ffffff14,inset 0 1px #ffffff1a}.modal-content:before{content:"";background:linear-gradient(90deg,#3b82f6,#6366f1,#8b5cf6);border-radius:24px 24px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.modal-content.view-modal{max-width:750px}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{margin-bottom:1.75rem;padding-bottom:1.25rem}.modal-header h2{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;background-clip:text;font-size:1.5rem}.modal-close{color:#fffc;background:#ffffff14;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-close:hover{color:#f87171;background:#ef444433;border-color:#ef444466;transform:rotate(90deg)scale(1.1)}.close-btn{color:#fffc;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:1.25rem;line-height:1;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.close-btn:hover{background:#fff3;transform:rotate(90deg)scale(1.1)}.close-btn:active{transform:rotate(90deg)scale(.95)}.modal-content.large-modal{max-width:900px}.modal-footer{margin-top:1.5rem;padding-top:1rem}.show-all-btn{color:#a5b4fc;cursor:pointer;white-space:nowrap;background:#4f46e533;border:1px solid #4f46e54d;border-radius:8px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .3s}.show-all-btn:hover{color:#c7d2fe;background:#4f46e54d;border-color:#4f46e580;transform:translateY(-2px);box-shadow:0 4px 12px #4f46e54d}.form-group input,.form-group select,.form-group textarea{border-radius:10px;padding:.75rem 1rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.form-group textarea{resize:vertical;min-height:100px;font-family:inherit}.form-group select{cursor:pointer}.modal-actions{margin-top:1rem}.error-message{border-left:4px solid #ef4444;padding:.75rem 1rem;font-size:.9rem}.info-banner{background:#3b82f61a;border:1px solid #3b82f64d;border-left:4px solid #3b82f6;border-radius:8px;padding:.75rem 1rem}.info-banner p{color:#fff;margin:0;font-size:.9rem}.user-details{flex-direction:column;gap:1.5rem;display:flex}.detail-section{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;padding:1.5rem}.detail-section h3{color:#fff;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1.1rem;display:flex}.detail-item p{color:#fff;margin:0;font-size:1rem}.mono-text{font-family:Courier New,monospace;color:#ffffffb3!important;font-size:.85rem!important}@media (max-width:640px){.modal-content{max-height:95vh;padding:1.5rem}.modal-header h2{font-size:1.25rem}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}.detail-grid{grid-template-columns:1fr}}.pagination{background:linear-gradient(135deg,#f9fafbfa,#fffffffa);border:1px solid #e5e7eb;border-radius:16px;justify-content:center;align-items:center;gap:1.5rem;margin-top:2.5rem;padding:1.5rem;display:flex;box-shadow:0 4px 12px #0000000f}.pagination-info{color:#4b5563;text-align:center;background:linear-gradient(135deg,#f9fafbf2,#fffffff2);border:1px solid #e5e7eb;border-radius:12px;min-width:220px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;box-shadow:0 2px 6px #0000000d}.pagination .btn:disabled{opacity:.4;cursor:not-allowed}.audit-logs-container{flex-direction:column;gap:.75rem;display:flex}.log-footer{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.log-email{color:#ffffff80;font-size:.85rem}.audit-log-item{transition:all .3s}.audit-log-item:hover{transform:translate(5px);box-shadow:0 4px 12px #0000004d}.severity-error{background:#ef44440d;border-left-color:#ef4444!important}.severity-warning{background:#f59e0b0d;border-left-color:#f59e0b!important}.severity-success{background:#10b9810d;border-left-color:#10b981!important}.severity-info{background:#3b82f60d;border-left-color:#3b82f6!important}@media (max-width:768px){.pagination{flex-direction:column;gap:1rem}.pagination-info{order:-1}.pagination .btn{width:100%}}.account-info-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1rem;display:grid}.info-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:.5rem;transition:all .3s;display:flex}.info-card:hover{background:#ffffff14;transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.info-label{color:#fff9;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:500}.info-value{color:#fffffff2;font-size:1.1rem;font-weight:600}.password-form,.profile-form{margin-top:1rem}.password-form .form-group,.profile-form .form-group{margin-bottom:1.5rem}.password-form label,.profile-form label{color:#ffffffe6;margin-bottom:.5rem;font-size:.95rem;font-weight:500;display:block}.password-form input,.profile-form input,.profile-form textarea{color:#fffffff2;background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;width:100%;padding:.75rem;font-size:1rem;transition:all .3s}.password-form input:focus,.profile-form input:focus,.profile-form textarea:focus{border-color:var(--primary-blue-light);background:#ffffff14;outline:none;box-shadow:0 0 0 3px #6366f11a}.profile-form input:disabled{opacity:.5;cursor:not-allowed;background:#ffffff05}.profile-form textarea{resize:vertical;min-height:100px;font-family:inherit}.password-form small,.profile-form small{color:#fff9;margin-top:.25rem;font-size:.85rem;display:block}.form-actions{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}@media (max-width:768px){.account-info-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.type-badge{text-transform:capitalize;color:#a78bfa;background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:6px;padding:.35rem .75rem;font-size:.85rem;font-weight:600;display:inline-block}.discount-badge{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;padding:.35rem .85rem;font-size:.9rem;font-weight:700;display:inline-block;box-shadow:0 2px 8px #10b9814d}.rule-types-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:1rem;display:grid}.rule-type-card{text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:1rem;transition:all .3s}.rule-type-card:hover{background:#ffffff14;transform:translateY(-3px);box-shadow:0 6px 15px #0000004d}.rule-type-card strong{color:#fffffff2;margin-bottom:.5rem;font-size:1rem;display:block}.rule-type-card p{color:#ffffffa6;margin:0;font-size:.85rem}.action-buttons{justify-content:center;align-items:center;gap:.5rem;display:flex}.btn-icon{background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;padding:.5rem .75rem;transition:all .3s;display:inline-flex}.btn-icon:hover{box-shadow:0 4px 12px #0000004d}.status-select{color:#fffffff2;cursor:pointer;background:#ffffff0d;border:1px solid #fff3;border-radius:8px;padding:.5rem .75rem;font-size:.9rem;font-weight:600;transition:all .3s}.status-select:focus{border-color:var(--primary-blue-light);outline:none;box-shadow:0 0 0 3px #6366f133}.status-select.status-scheduled{color:#fbbf24;background:#fbbf2426;border-color:#fbbf244d}.status-select.status-active{color:#10b981;background:#10b98126;border-color:#10b9814d}.status-select.status-paused{color:#f59e0b;background:#f59e0b26;border-color:#f59e0b4d}.status-select.status-completed{color:#3b82f6;background:#3b82f626;border-color:#3b82f64d}.status-select.status-cancelled{color:#ef4444;background:#ef444426;border-color:#ef44444d}.info-box{backdrop-filter:blur(5px);background:#6366f126;border:1px solid #6366f166;border-radius:12px;margin:1.5rem 0;padding:1.5rem}.info-box h3,.info-box h4{color:#fffffff2;margin-bottom:1rem;font-size:1.1rem}.info-box ul{margin:0;padding:0;list-style:none}.info-box li{color:#ffffffd9;padding:.5rem 0;font-size:.95rem;line-height:1.5}.no-results{text-align:center;background:linear-gradient(135deg,#f9fafbfa,#fffffffa);border:2px dashed #e5e7eb;border-radius:16px;margin:1.5rem 0;padding:4rem 2rem;box-shadow:0 2px 8px #0000000d}.no-results p{color:#6b7280;margin-bottom:1.5rem;font-size:1.1rem;font-weight:500}.modal-overlay{backdrop-filter:blur(5px);background:#000000bf}.modal-content.large{max-width:900px}.modal-header{background:#0a0a0a;border-bottom:1px solid #8b5cf633;padding:1.5rem 2rem}.modal-close:hover{color:#fff;background:#fff3;transform:rotate(90deg)}.detail-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.detail-item{flex-direction:column;gap:.5rem;display:flex}.detail-item label{color:#fff9;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:600}.detail-item code{color:#a5b4fc;background:#0000004d;border-radius:6px;padding:.5rem;font-family:Courier New,monospace;font-size:.9rem}.detail-item strong{color:#fffffff2;font-size:1.1rem}.detail-item small{color:#fff9;font-size:.85rem}.status-badge{text-transform:capitalize;border-radius:6px;padding:.4rem .9rem;display:inline-block}.status-badge.status-completed,.status-badge.status-success{color:#10b981;background:#10b98126;border:1px solid #10b9814d}.status-badge.status-pending,.status-badge.status-warning{color:#fbbf24;background:#fbbf2426;border:1px solid #fbbf244d}.status-badge.status-info,.status-badge.status-processing{color:#3b82f6;background:#3b82f626;border:1px solid #3b82f64d}.status-badge.status-error,.status-badge.status-failed{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.status-badge.status-cancelled,.status-badge.status-refunded,.status-badge.status-secondary{color:#9ca3af;background:#6b728026;border:1px solid #6b72804d}.form-group.checkbox-group{flex-direction:row;align-items:center;gap:.75rem}.form-group.checkbox-group input[type=checkbox]{width:auto;margin:0}.form-group.checkbox-group label{cursor:pointer;margin:0}.form-group label{color:#ffffffe6;font-size:.95rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{color:#fffffff2;border:1px solid #fff3;font-family:inherit;font-size:1rem;transition:all .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-blue-light);box-shadow:0 0 0 3px #6366f126}.form-group small{color:#fff9;margin-top:.5rem;font-size:.85rem}.data-table-container{background:#1a1a1a;border:1px solid #8b5cf64d;border-radius:12px;margin-top:1.5rem;overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table thead{background:#0a0a0a;border-bottom:2px solid #8b5cf64d}.data-table th{text-align:left;color:#fff;text-transform:uppercase;letter-spacing:.5px;padding:1rem;font-size:.9rem;font-weight:600}.data-table td{color:#d1d5db;border-bottom:1px solid #ffffff0d;padding:1rem}.data-table tbody tr{transition:all .3s}.data-table tbody tr:hover{background:#242424}.loading{text-align:center;color:#d1d5db;padding:3rem;font-size:1.1rem}.filters-section{background:#1a1a1a;border:1px solid #8b5cf64d;border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.5rem 0;padding:1.5rem;display:grid}.filter-group{flex-direction:column;gap:.5rem}.filter-group label{color:#d1d5db;text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;font-weight:600}.filter-input,.filter-select{color:#fff;background:#0a0a0a;border:1px solid #8b5cf64d;border-radius:8px;padding:.75rem;font-size:1rem;transition:all .3s}.filter-input:focus,.filter-select:focus{background:#121212;border-color:#8b5cf699;outline:none;box-shadow:0 0 0 3px #8b5cf633}.filter-input::-moz-placeholder{color:#6b7280}.filter-input::placeholder{color:#6b7280}.dashboard-header{background:#fff;border:1px solid #0000001a;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.5rem;display:flex}.dashboard-header h1{color:#111827;margin:0;font-size:2rem;font-weight:700}.dashboard-header .subtitle{color:#4b5563;margin:.5rem 0 0;font-size:1rem}.sub-tabs{background:#0a0a0a;border:1px solid #8b5cf64d;border-radius:12px;gap:.5rem;margin:1.5rem 0;padding:.5rem;display:flex;overflow-x:auto}.sub-tab{color:#d1d5db;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s}.sub-tab:hover{color:#fff;background:#1a1a1a}.sub-tab.active{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6366f1);box-shadow:0 4px 12px #8b5cf680}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:2rem 0}.stat-card{background:#1a1a1a;border:1px solid #8b5cf64d;border-radius:16px;align-items:center;gap:1.5rem;padding:1.5rem;transition:all .3s;display:flex;box-shadow:0 4px 15px #0000004d}.stat-card:hover{background:#242424;border-color:#8b5cf680;transform:translateY(-5px);box-shadow:0 8px 25px #8b5cf666}.stat-icon{filter:drop-shadow(0 2px 8px #8b5cf680)}.stat-content h3{color:#d1d5db;text-transform:uppercase;letter-spacing:1px;margin:0 0 .5rem;font-size:.85rem;font-weight:600}@media (max-width:1024px){.form-grid{grid-template-columns:1fr}.filters-section,.rule-types-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.modal-content{max-width:95vw}.filters-section,.rule-types-grid,.stats-grid{grid-template-columns:1fr}.data-table{font-size:.85rem}.data-table td,.data-table th{padding:.75rem .5rem}.action-buttons,.dashboard-header{flex-direction:column}.dashboard-header{align-items:flex-start}}.chat-icon-container{z-index:1000;animation:slideInRight .3s ease-out;position:fixed;top:20px;right:20px}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.chat-icon-button{cursor:pointer;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 4px 20px #25d36666}.chat-icon-button:hover{transform:scale(1.1);box-shadow:0 8px 30px #25d36699}.chat-icon-button:active{transform:scale(.95)}.chat-icon-svg{color:#fff;width:26px;height:26px}.chat-unread-badge{color:#fff;text-align:center;background:#ef4444;border:2px solid #0b141a;border-radius:12px;min-width:22px;padding:3px 7px;font-size:11px;animation:badgePulse 2s ease-in-out infinite;position:absolute;top:-4px;right:-4px}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:480px){.datetime-picker{flex-direction:column}.stats-grid{grid-template-columns:1fr}}.home-coaching{padding:0 0 2rem;animation:fadeIn .6s ease-out}.greeting-section{backdrop-filter:blur(15px);background:linear-gradient(135deg,#6366f133,#8b5cf633 50%,#ec489926);border:1px solid #ffffff26;border-radius:20px;justify-content:space-between;align-items:center;padding:2rem 2.5rem;animation:slideDown .6s ease-out;display:flex;box-shadow:0 4px 30px #6366f133,inset 0 1px #ffffff1a}.greeting-section:before{background:radial-gradient(circle,#ffffff0d 0,#0000 70%);width:100%;height:100%;animation:pulse 4s ease-in-out infinite;right:-50%}.greeting-content h1{color:#fff;text-shadow:0 2px 8px #0000004d;margin-bottom:.5rem;font-size:2rem;font-weight:700;animation:fadeInUp .6s ease-out}.greeting-subtitle{color:#fffc;font-size:1rem;animation:fadeInUp .6s ease-out .1s both}.greeting-actions .btn{transition:all .3s cubic-bezier(.4,0,.2,1)}.greeting-actions .btn:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 10px 25px #6366f166}.greeting-actions .btn-lg{align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:1rem;display:flex}.btn-icon{font-size:1.1rem;transition:transform .3s}.btn:hover .btn-icon{transform:scale(1.2)}.section-header{border-bottom:1px solid #e2e8f0;margin-bottom:1.25rem;padding-bottom:.75rem}.section-header h2{align-items:center;gap:.5rem;font-size:1.375rem;display:flex}.section-header h2:after{content:"";opacity:0;background:linear-gradient(90deg,#3b82f6,#0000);border-radius:2px;width:30px;height:3px;transition:all .3s;display:block;transform:translate(-10px)}.section-header:hover h2:after{opacity:1;transform:translate(0)}.view-all-link{padding-right:1rem;font-size:.875rem;transition:all .3s;position:relative}.view-all-link:after{content:"→";transition:transform .3s;position:absolute;right:0}.view-all-link:hover{color:#a5b4fc}.view-all-link:hover:after{transform:translate(4px)}.date-badge{color:#ffffffe6;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:10px;padding:.5rem 1rem;font-size:.875rem;animation:pulse 3s ease-in-out infinite}.section-continue-learning{margin-bottom:2rem;animation:fadeInUp .6s ease-out .2s both}.courses-scroll{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;display:grid}.continue-course-card{backdrop-filter:blur(15px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;gap:0;padding:0;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.continue-course-card:before{content:"";transform-origin:0;z-index:10;background:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899);height:3px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.continue-course-card:hover:before{transform:scaleX(1)}.continue-course-card:hover{background:#ffffff1a;transform:translateY(-6px);box-shadow:0 20px 40px #0000004d,0 0 0 1px #ffffff26}.continue-course-card .course-thumbnail{background:linear-gradient(135deg,#6366f14d,#8b5cf64d);border:none;border-radius:0;justify-content:center;align-items:center;width:100%;height:160px;font-size:2.5rem;transition:all .3s;display:flex;overflow:hidden}.continue-course-card .course-thumbnail img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .3s}.continue-course-card:hover .course-thumbnail img{transform:scale(1.05)}.continue-course-card .course-thumbnail .thumbnail-placeholder{background:linear-gradient(135deg,#6366f14d,#8b5cf64d);width:100%;height:100%}.continue-course-card .course-details{padding:1.25rem}.continue-course-card:hover .course-thumbnail{box-shadow:none;transform:none}.course-details h3{color:#fff;margin-bottom:.375rem;font-size:1.1rem;font-weight:600;transition:color .3s}.continue-course-card:hover .course-details h3{color:#a5b4fc}.course-progress-bar{background:#ffffff1a;border-radius:4px;box-shadow:inset 0 2px 4px #0003}.progress-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6 50%,#a855f7);border-radius:4px;transition:width .5s cubic-bezier(.4,0,.2,1)}.progress-fill:after{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);inset:0}.course-meta{color:#fff9;justify-content:space-between;font-size:.813rem}.next-module{color:#fffc;background:#6366f126;border:1px solid #6366f133;border-radius:10px;padding:.625rem .875rem;font-size:.813rem}.next-label{color:#818cf8;font-weight:600}.course-time{color:#ffffffb3;align-items:center;gap:.375rem;font-size:.813rem;display:flex}.time-icon{animation:pulse 2s infinite}.btn-continue{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;width:100%;padding:.75rem 1.25rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-continue:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.row-two-grid{grid-template-columns:1.5fr 1fr;gap:1.5rem;margin-bottom:2rem;animation:fadeInUp .6s ease-out .3s both;display:grid}.section-schedule{backdrop-filter:blur(15px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;padding:1.5rem;position:relative;overflow:hidden}.section-schedule:before{content:"";background:linear-gradient(90deg,#3b82f6,#6366f1,#8b5cf6);height:3px;position:absolute;top:0;left:0;right:0}.schedule-timeline{flex-direction:column;gap:0;max-height:400px;padding-right:.5rem;display:flex;overflow-y:auto}.schedule-timeline::-webkit-scrollbar{width:4px}.schedule-timeline::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.schedule-timeline::-webkit-scrollbar-thumb{background:#6366f180;border-radius:2px}.timeline-item{gap:1rem;transition:all .3s;display:flex;position:relative}.timeline-item:hover{background:#ffffff08;border-radius:12px;margin-left:-8px;padding-left:8px}.timeline-marker{flex-direction:column;align-items:center;width:24px;display:flex}.marker-dot{z-index:1;background:#6366f1;border:3px solid #6366f14d;border-radius:50%;width:14px;height:14px;transition:all .3s;box-shadow:0 0 0 3px #6366f11a}.timeline-item:hover .marker-dot{transform:scale(1.2);box-shadow:0 0 15px #6366f166}.marker-dot.completed{background:#10b981;border-color:#10b9814d;box-shadow:0 0 0 3px #10b9811a}.marker-dot.upcoming{background:#6366f1;border-color:#6366f14d;animation:pulse 2s infinite}.marker-line{background:linear-gradient(#6366f14d,#ffffff1a);flex:1;width:2px;min-height:40px}.timeline-content{flex-direction:column;flex:1;gap:.625rem;padding-bottom:1.5rem;display:flex}.timeline-time{color:#fff9;font-size:.813rem;font-weight:500}.time-end{color:#fff6}.timeline-details{align-items:flex-start;gap:.875rem;display:flex}.timeline-icon{background:linear-gradient(135deg,#6366f133,#8b5cf633);border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;transition:all .3s;display:flex}.timeline-item:hover .timeline-icon{transform:scale(1.1);box-shadow:0 4px 15px #6366f14d}.timeline-info h4{color:#fff;margin-bottom:.375rem;font-size:.938rem;font-weight:600;transition:color .3s}.timeline-item:hover .timeline-info h4{color:#a5b4fc}.timeline-course,.timeline-instructor{color:#ffffff80;font-size:.813rem}.timeline-actions{align-items:center;gap:.75rem;margin-top:.375rem;display:flex}.status-badge.completed{color:#10b981;align-items:center;gap:.25rem;font-size:.813rem;font-weight:600;animation:fadeIn .3s;display:flex}.countdown-badge{color:#f87171;background:#ef444433;border:1px solid #ef44444d;border-radius:8px;padding:.375rem .625rem;font-size:.75rem;font-weight:600;animation:pulse 2s infinite}.btn.pulse{animation:btnPulse 2s infinite;position:relative}.btn.pulse:before{content:"";border-radius:inherit;z-index:-1;background:linear-gradient(135deg,#ef4444,#f97316);animation:gradientShift 3s infinite;position:absolute;inset:-2px}@keyframes btnPulse{0%,to{box-shadow:0 0 #ef444480}50%{box-shadow:0 0 0 10px #ef444400}}.section-streak{backdrop-filter:blur(15px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;padding:1.5rem;position:relative;overflow:hidden}.section-streak:before{content:"";background:linear-gradient(90deg,#f97316,#ef4444,#ec4899);height:3px;position:absolute;top:0;left:0;right:0}.streak-widget{gap:1.5rem}.streak-main,.streak-widget{flex-direction:column;display:flex}.streak-main{background:linear-gradient(135deg,#f9731633,#ef444433);border:1px solid #f9731633;border-radius:16px;align-items:center;padding:1.25rem;position:relative;overflow:hidden}.streak-main:before{content:"";background:radial-gradient(circle,#f973161a 0,#0000 70%);width:150%;height:150%;animation:pulse 3s infinite;position:absolute}.streak-fire{filter:drop-shadow(0 0 10px #f9731680);margin-bottom:.5rem;font-size:3rem;animation:float 3s ease-in-out infinite}.streak-count{color:#fff;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff,#fed7aa);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;line-height:1}.streak-label{color:#ffffffb3;margin-top:.25rem;font-size:.875rem;font-weight:500}.streak-stats{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.streak-stat{text-align:center;background:#ffffff0d;border:1px solid #ffffff0d;border-radius:14px;padding:1rem;transition:all .3s}.streak-stat:hover{background:#ffffff14;transform:translateY(-2px);box-shadow:0 8px 20px #0003}.streak-stat .stat-value{color:#fff;font-size:1.75rem;font-weight:700;line-height:1.2;display:block}.streak-stat .stat-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.streak-calendar{background:#ffffff08;border:1px solid #ffffff0d;border-radius:14px;padding:1.25rem}.calendar-label{color:#fff9;text-align:center;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.875rem;font-size:.75rem;font-weight:600}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:.625rem;display:grid}.calendar-day{flex-direction:column;align-items:center;gap:.5rem;display:flex}.day-label{color:#ffffff80;font-size:.688rem;font-weight:500}.day-dot{background:#ffffff14;border:2px solid #0000;border-radius:50%;width:24px;height:24px;transition:all .3s}.day-dot:hover{transform:scale(1.1)}.day-dot.active{background:linear-gradient(135deg,#f97316,#ef4444);border-color:#fff3;box-shadow:0 0 15px #f9731666,0 0 30px #f9731633}.badges-section{border-top:1px solid #ffffff14;padding-top:1.25rem}.badges-section h4{color:#ffffffe6;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;font-weight:600;display:flex}.badges-grid{flex-wrap:wrap;gap:.625rem;display:flex}.badge-item{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;align-items:center;min-width:75px;padding:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.badge-item.earned:hover{background:#ffffff1a;border-color:#ffffff26;transform:scale(1.08)translateY(-3px);box-shadow:0 8px 25px #0000004d}.badge-item.earned{background:linear-gradient(135deg,#6366f126,#8b5cf626);border-color:#6366f14d}.badge-item.locked{opacity:.5;filter:grayscale(.5)}.badge-icon{margin-bottom:.375rem;font-size:1.75rem;transition:transform .3s}.badge-item:hover .badge-icon{transform:scale(1.2)}.badge-name{color:#fffc;text-align:center;font-size:.688rem;font-weight:500}.badge-progress{width:100%;margin-top:.5rem}.badge-progress-bar{background:#ffffff1a;border-radius:2px;height:4px;overflow:hidden}.badge-progress-fill{background:#818cf8;border-radius:2px;height:100%}.badge-progress-text{color:#fff6;text-align:center;margin-top:.25rem;font-size:.625rem;display:block}.row-three-grid{grid-template-columns:1.5fr 1fr;gap:1.5rem;margin-bottom:2rem;animation:fadeInUp .6s ease-out .4s both;display:grid}.section-tasks{backdrop-filter:blur(15px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;padding:1.5rem;position:relative;overflow:hidden}.section-tasks:before{content:"";background:linear-gradient(90deg,#10b981,#6366f1,#f59e0b);height:3px;position:absolute;top:0;left:0;right:0}.task-count{color:#a5b4fc;background:#6366f133;border:1px solid #6366f14d;border-radius:8px;padding:.375rem .75rem;font-size:.813rem;font-weight:600}.tasks-list{flex-direction:column;gap:.875rem;max-height:400px;padding-right:.5rem;display:flex;overflow-y:auto}.tasks-list::-webkit-scrollbar{width:4px}.tasks-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.tasks-list::-webkit-scrollbar-thumb{background:#6366f180;border-radius:2px}.task-item{background:#ffffff08;border-left:4px solid #0000;border-radius:14px;align-items:flex-start;gap:1rem;padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.task-item:before{content:"";background:radial-gradient(circle,#ffffff08 0,#0000 70%);border-radius:50%;width:60px;height:60px;position:absolute;top:0;right:0;transform:translate(20px,-20px)}.task-item:hover{background:#ffffff14;transform:translate(4px);box-shadow:0 8px 25px #0003}.task-item.priority-urgent{background:#ef44440d;border-left-color:#ef4444}.task-item.priority-urgent:hover{background:#ef44441a}.task-item.priority-due-soon{background:#f59e0b0d;border-left-color:#f59e0b}.task-item.priority-due-soon:hover{background:#f59e0b1a}.task-item.priority-normal{border-left-color:#10b981}.task-checkbox{padding-top:.25rem}.task-checkbox input[type=checkbox]{accent-color:#6366f1;cursor:pointer;width:20px;height:20px;transition:transform .2s}.task-checkbox input[type=checkbox]:hover{transform:scale(1.1)}.task-content{flex:1}.task-header{justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;display:flex}.task-header h4{color:#fff;font-size:.938rem;font-weight:600;transition:color .3s}.task-item:hover .task-header h4{color:#a5b4fc}.priority-tag{border-radius:6px;align-items:center;gap:.25rem;padding:.375rem .625rem;font-size:.688rem;font-weight:600;display:flex}.priority-tag.urgent{color:#f87171;background:#ef444433;animation:pulse 2s infinite}.priority-tag.due-soon{color:#fbbf24;background:#f59e0b33}.priority-tag.normal{color:#34d399;background:#10b98133}.task-course{color:#ffffff80;margin-bottom:.5rem;font-size:.813rem}.task-meta{flex-wrap:wrap;gap:1rem;font-size:.75rem;display:flex}.status-tag{color:#ffffff80;align-items:center;gap:.375rem;display:flex}.status-tag.in-progress{color:#818cf8}.status-tag.submitted{color:#10b981}.due-time{color:#fff9;font-weight:500}.task-progress{align-items:center;gap:.625rem;margin-top:.75rem;display:flex}.task-progress-bar{background:#ffffff1a;border-radius:3px;flex:1;height:6px;overflow:hidden}.task-progress-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:3px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1);position:relative}.task-progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:shimmer 2s infinite;position:absolute;inset:0}.task-progress-text{color:#fff9;font-size:.75rem;font-weight:600}.task-actions{align-items:center;display:flex}.task-actions .btn-sm{transition:all .3s}.task-actions .btn-sm:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.section-stats{backdrop-filter:blur(15px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;padding:1.5rem;position:relative;overflow:hidden}.section-stats:before{content:"";background:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899);height:3px;position:absolute;top:0;left:0;right:0}.stats-widget{flex-direction:column;gap:1.75rem;display:flex}.progress-circle-container{justify-content:center;animation:fadeIn .6s ease-out;display:flex}.progress-circle{filter:drop-shadow(0 0 20px #6366f14d);width:160px;height:160px}.progress-circle svg{width:100%;height:100%}.progress-bg{fill:none;stroke:#ffffff14;stroke-width:10px}.progress-fill-circle{fill:none;stroke:url(#gradient);stroke-width:10px;stroke-linecap:round;filter:drop-shadow(0 0 6px #6366f180);transition:stroke-dasharray 1s cubic-bezier(.4,0,.2,1)}.progress-center{text-align:center;animation:fadeIn .6s ease-out .3s both;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.progress-center .progress-value{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;line-height:1;display:block}.progress-center .progress-label{color:#fff9;text-transform:uppercase;letter-spacing:.05em;font-size:.813rem;font-weight:500}.quick-stats-grid{grid-template-columns:1fr 1fr;gap:.875rem;display:grid}.quick-stat-item{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff0d;border-radius:14px;align-items:center;gap:.875rem;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.quick-stat-item:hover{background:#ffffff1a;border-color:#ffffff1a;transform:translateY(-4px);box-shadow:0 12px 25px #0003}.quick-stat-item .stat-icon{background:linear-gradient(135deg,#6366f133,#8b5cf633);border:1px solid #6366f133;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.5rem;transition:all .3s;display:flex}.quick-stat-item:hover .stat-icon{transform:scale(1.1);box-shadow:0 4px 15px #6366f14d}.quick-stat-item .stat-info{flex-direction:column;display:flex}.quick-stat-item .stat-value{color:#fff;font-size:1.25rem;font-weight:700;line-height:1.2}.quick-stat-item .stat-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.03em;font-size:.688rem;font-weight:500}.section-recommended{margin-bottom:2rem;animation:fadeInUp .6s ease-out .15s both}.recommended-scroll{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;display:grid}.empty-state,.loading-state{text-align:center;color:#fff9;background:#ffffff08;border:1px dashed #ffffff26;border-radius:16px;padding:3rem}.recommended-card{backdrop-filter:blur(15px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:0;padding:0;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.recommended-card:before{content:"";transform-origin:0;background:linear-gradient(90deg,#8b5cf6,#ec4899);height:3px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.recommended-card:hover:before{transform:scaleX(1)}.recommended-card:hover{background:#ffffff1a;transform:translateY(-6px);box-shadow:0 20px 40px #0000004d,0 0 0 1px #ffffff26}.recommended-thumbnail{background:linear-gradient(135deg,#8b5cf640,#ec489940);border:none;border-radius:12px 12px 0 0;justify-content:center;align-items:center;width:100%;height:160px;font-size:2rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.recommended-thumbnail img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.recommended-card:hover .recommended-thumbnail{box-shadow:none;transform:none}.recommended-card:hover .recommended-thumbnail img{transform:scale(1.05)}.recommended-thumbnail .thumbnail-placeholder{background:linear-gradient(135deg,#6366f14d,#8b5cf64d);width:100%;height:100%}.recommended-thumbnail.emoji-thumbnail{justify-content:center;align-items:center;font-size:3rem;display:flex}.recommended-details{flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.recommended-details h4{color:#fff;margin-bottom:.375rem;font-size:1rem;font-weight:600;transition:color .3s}.recommended-card:hover .recommended-details h4{color:#c4b5fd}.recommended-instructor{color:#fff9;font-size:.813rem}.recommended-meta{color:#fff9;font-size:.75rem}@media (max-width:1024px){.row-three-grid,.row-two-grid{grid-template-columns:1fr}.greeting-section{text-align:center;flex-direction:column;gap:1rem}.greeting-actions{flex-wrap:wrap;justify-content:center}}@media (max-width:768px){.courses-scroll,.recommended-scroll{grid-template-columns:1fr}.greeting-actions{flex-direction:column;width:100%}.greeting-actions .btn{justify-content:center;width:100%}.quick-stats-grid{grid-template-columns:1fr}}@media (max-width:480px){.greeting-section{padding:1rem}.greeting-content h1{font-size:1.375rem}.streak-stats{grid-template-columns:1fr}.task-header{flex-direction:column;gap:.5rem}}.explore-header{margin-bottom:2.5rem;animation:fadeInUp .6s ease-out}.explore-header h1{color:#000;letter-spacing:-.02em;margin-bottom:.75rem;font-size:2.5rem;font-weight:800}.explore-header .subtitle{color:#fffc;font-size:1.1rem}.explore-controls{flex-direction:column;gap:1.5rem;margin-bottom:2.5rem;animation:fadeInUp .6s ease-out .1s both;display:flex}.search-input{color:#fff;backdrop-filter:blur(10px);background:#ffffff0f;border:2px solid #ffffff1a;border-radius:16px;width:100%;padding:1rem 1.25rem 1rem 3rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-input::-moz-placeholder{color:#ffffff80}.search-input::placeholder{color:#ffffff80}.search-input:hover{background:#ffffff14;border-color:#fff3}.search-input:focus{background:#ffffff1a;border-color:#6366f199;transform:translateY(-2px);box-shadow:0 0 0 4px #6366f126,0 8px 25px #0003}.search-icon{color:#ffffff80;pointer-events:none;font-size:1.25rem;position:absolute;left:1.125rem}.search-box:hover .search-icon,.search-input:focus+.search-icon{color:#818cf8}.category-filters{flex-wrap:wrap;gap:.75rem;display:flex}.category-btn{color:#fffc;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.category-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.category-btn:hover{background:#ffffff1a;border-color:#ffffff40;transform:translateY(-2px);box-shadow:0 4px 15px #0003}.category-btn:hover:before{left:100%}.category-btn.active{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000;box-shadow:0 4px 20px #6366f166}.explore-courses-section{margin-top:2.5rem;animation:fadeInUp .6s ease-out .2s both}.courses-count{color:#ffffffb3;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1rem;display:flex}.courses-count strong{color:#818cf8;font-size:1.25rem;font-weight:700}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.75rem}.explore-card:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:linear-gradient(135deg,#6366f11a,#0000);transition:opacity .4s;position:absolute;inset:0}.explore-card:hover{transform:translateY(-10px)scale(1.02);box-shadow:0 25px 50px #00000059,0 0 0 1px #ffffff1a}.explore-card:hover:after{opacity:1}.course-card-header{width:100%;margin-bottom:0;display:block;position:relative}.course-card-header .course-level{z-index:2;position:absolute;top:12px;left:12px}.course-card-header .free-badge{z-index:2;position:absolute;top:12px;right:12px}.course-level{color:#a5b4fc;text-transform:uppercase;letter-spacing:.75px;background:linear-gradient(135deg,#6366f140,#8b5cf640);border:1px solid #6366f14d;border-radius:10px;padding:.5rem .875rem;font-weight:700}.course-description{color:#ffffffa6;margin:1rem 0;line-height:1.6}.course-footer{border-top:1px solid #ffffff14;margin-top:1.25rem;padding-top:1.25rem}.price{-webkit-text-fill-color:transparent;white-space:nowrap;background:linear-gradient(135deg,#818cf8,#c084fc);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800}.course-footer .btn{flex-shrink:0;transition:all .3s}.course-footer .btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.no-courses{text-align:center;background:#ffffff08;border:1px dashed #ffffff1a;border-radius:12px;grid-column:1/-1;padding:3rem 2rem}.no-courses p{color:#fff9;font-size:1rem}@media (max-width:768px){.explore-header h1{font-size:1.5rem}.category-filters{gap:.5rem}.category-btn{padding:.375rem .75rem;font-size:.813rem}.courses-grid{grid-template-columns:1fr}}@media (max-width:480px){.explore-controls{gap:1rem}.explore-header h1{font-size:1.25rem}.course-footer{flex-direction:column;align-items:flex-start;gap:.75rem}.course-footer .btn{text-align:center;width:100%}}.teacher-content-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.content-card{backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:16px;padding:1.5rem;transition:all .3s}.content-card:hover{border-color:#fff3;transform:translateY(-2px);box-shadow:0 8px 32px #0003}.card-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.card-header,.card-title{align-items:center;display:flex}.card-title{color:#fff;gap:.5rem;font-size:1.25rem;font-weight:600}.card-subtitle{color:#fff9;font-size:.875rem}.card-body{flex-direction:column;gap:1rem;display:flex}.activity-item,.schedule-item,.submission-item{background:#ffffff0d;border-radius:12px;padding:1rem;transition:all .2s}.activity-item:hover,.schedule-item:hover,.submission-item:hover{background:#ffffff14;transform:translate(4px)}.schedule-time,.submission-time{color:#ffffff80;margin-bottom:.5rem;font-size:.75rem}.schedule-class,.submission-name{color:#fff;margin-bottom:.25rem;font-weight:500}.schedule-details,.submission-details{color:#ffffffb3;font-size:.875rem}.empty-state{color:#ffffff80;padding:2rem}.activity-time{color:#ffffff80;font-size:.75rem}.activity-description{color:#fffc;margin-top:.25rem}.quick-actions-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.quick-action-btn{color:#fff;background:linear-gradient(135deg,#6366f133,#8b5cf633);border:1px solid #ffffff1a;border-radius:12px;padding:1rem;transition:all .3s}.quick-action-btn:hover{background:linear-gradient(135deg,#6366f14d,#8b5cf64d);transform:translateY(-2px);box-shadow:0 4px 16px #6366f14d}@media (max-width:1024px){.teacher-content-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.quick-actions-grid,.teacher-content-grid{grid-template-columns:1fr}.quick-action-banner{flex-direction:column}.announcement-button{max-width:100%}}.create-course-modal{max-width:700px;max-height:90vh;overflow-y:auto}.course-form{flex-direction:column;gap:1.5rem;display:flex}.form-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group.full-width{grid-column:1/-1}.form-group label{font-size:.875rem}.required{color:#ef4444;margin-left:.25rem}.form-group input,.form-group select,.form-group textarea{font-size:.875rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 3px #6366f11a}.form-group input::-moz-placeholder,.form-group textarea::-moz-placeholder{color:#fff6}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff6}.form-group small{font-size:.75rem}.char-count{text-align:right;color:#fff6}.emoji-selector{flex-wrap:wrap;gap:.5rem;display:flex}.emoji-btn{cursor:pointer;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.5rem;transition:all .2s;display:flex}.emoji-btn:hover{background:#ffffff1a;transform:scale(1.1)}.emoji-btn.selected{background:linear-gradient(135deg,#6366f14d,#8b5cf64d);border-color:#6366f180;box-shadow:0 0 0 3px #6366f133}.error-message{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem;font-size:.875rem;display:flex}.modal-actions{border-top:1px solid #ffffff1a;justify-content:flex-end;gap:1rem;padding-top:1rem;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:500;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#ffffff0d;border:1px solid #ffffff1a}.btn-secondary:hover:not(:disabled){background:#ffffff1a}@media (max-width:768px){.create-course-modal{max-width:95vw}.form-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}.course-management{max-width:1400px;margin:0 auto;padding:2rem}.page-header{border-bottom:1px solid #0000001a;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.page-header h1{color:#111827;margin-bottom:.5rem;font-size:2rem;font-weight:700}.page-header .subtitle{color:#4b5563;margin:0;font-size:.875rem}.create-course-btn{padding:.875rem 1.5rem;font-size:1rem;font-weight:600}.course-stats{grid-template-columns:repeat(4,1fr);gap:1.5rem;width:100%;margin-bottom:2rem;display:grid}@media (max-width:1200px){.course-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.course-stats{grid-template-columns:1fr}}.course-stats .stat-card{box-sizing:border-box;background:#ffffff1a;border:1px solid #fff3;border-radius:16px;flex-direction:column;justify-content:center;align-items:flex-start;gap:.75rem;width:100%;height:200px;padding:2rem;transition:all .3s;display:flex}.course-stats .stat-card:hover{background:#ffffff14;transform:translateY(-2px);box-shadow:0 4px 16px #0003}.stat-icon{margin-bottom:.5rem;font-size:2.5rem;line-height:1;display:block}.stat-value{margin:0}.stat-label{color:#fff9;margin:0}.course-controls{justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2rem}.search-box{flex:1;min-width:300px;position:relative}.search-box .search-icon{font-size:1.25rem;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search-box input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;width:100%;padding:.875rem 1rem .875rem 3rem;font-size:.875rem;transition:all .2s}.search-box input:focus{background:#ffffff14;border-color:#6366f180;outline:none;box-shadow:0 0 0 3px #6366f11a}.filter-group{align-items:center;gap:1rem;display:flex}.filter-select{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;transition:all .2s}.filter-select:hover{background:#ffffff14}.view-toggle{background:#ffffff0d;border-radius:8px;gap:.25rem;padding:.25rem;display:flex}.view-toggle button{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.5rem 1rem;font-size:1.25rem;transition:all .2s}.view-toggle button.active{color:#fff;background:#6366f133}.view-toggle button:hover{color:#fff;background:#ffffff1a}.courses-container.grid-view{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;display:grid}.courses-container.list-view{flex-direction:column;gap:1rem;display:flex}.course-card-mgmt{backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden}.course-card-mgmt:hover{border-color:#fff3;transform:translateY(-4px);box-shadow:0 8px 32px #0000004d}.list-view .course-card-mgmt{flex-direction:row;min-height:200px;display:flex}.list-view .course-thumbnail{flex-shrink:0;width:200px;height:auto;min-height:200px}.course-thumbnail{background:linear-gradient(135deg,#6366f133,#8b5cf633);justify-content:center;align-items:center;height:200px;display:flex;position:relative;overflow:hidden}.course-thumbnail img{width:100%;height:100%;transition:transform .3s}.course-card-mgmt:hover .course-thumbnail img{transform:scale(1.05)}.course-thumbnail .thumbnail-placeholder{background:linear-gradient(135deg,#6366f14d,#8b5cf64d);width:100%;height:100%}.status-badge{backdrop-filter:blur(10px);border-radius:20px;padding:.375rem .75rem;font-size:.75rem;position:absolute;top:1rem;right:1rem}.status-draft{color:#d1d5db;background:#9ca3af33;border:1px solid #9ca3af80}.status-pending{color:#fcd34d;background:#fbbf2433;border:1px solid #fbbf2480}.status-published{color:#86efac;background:#22c55e33;border:1px solid #22c55e80}.status-archived{color:#9ca3af;background:#6b728033;border:1px solid #6b728080}.course-content{background:#0000001a;flex-direction:column;flex:1;min-height:200px;padding:1.5rem;position:relative}.course-content,.course-header-top{visibility:visible;opacity:1;gap:1rem;display:flex!important}.course-header-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.course-header-top>div:first-child{flex-direction:column;flex:1;gap:.5rem;min-width:200px;display:flex}.course-header-top .course-actions{visibility:visible;opacity:1;flex-flow:wrap;justify-content:flex-end;align-items:center;gap:.5rem;min-width:-moz-fit-content;min-width:fit-content;display:flex!important}.course-title{font-size:1.125rem;font-weight:600;line-height:1.4;color:#fff!important}.course-description,.course-title{visibility:visible;opacity:1;margin:0 0 .5rem;display:block}.course-description{max-height:3em;font-size:.875rem;overflow:visible;color:#fffc!important}.course-meta{border-top:1px solid #ffffff1a;flex-wrap:wrap;gap:1rem;padding-top:.5rem;display:flex}.meta-item{visibility:visible;opacity:1;align-items:center;gap:.375rem;font-size:.875rem;color:#fffc!important;display:flex!important}.meta-icon{font-size:1rem}.course-footer{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;padding-top:1rem}.updated-date{color:#ffffff80;font-size:.75rem}.course-actions{flex-flow:wrap;justify-content:flex-end;width:auto}.action-btn,.course-actions{flex-shrink:0;align-items:center;gap:.4rem}.action-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;height:2.4rem;min-height:2.4rem;padding:.6rem 1rem;font-size:.8rem;font-weight:600;line-height:1.2;transition:all .2s;display:inline-flex}.action-btn:hover{background:#ffffff1a;transform:translateY(-1px)}.action-btn.primary{background:linear-gradient(135deg,#6366f133,#8b5cf633);border-color:#6366f14d}.action-btn.primary:hover{background:linear-gradient(135deg,#6366f14d,#8b5cf64d);box-shadow:0 2px 8px #6366f14d}.action-btn.success{color:#86efac;background:#22c55e33;border-color:#22c55e4d}.action-btn.success:hover{background:#22c55e4d}.action-btn.info{color:#93c5fd;background:#3b82f633;border-color:#3b82f64d}.action-btn.info:hover{background:#3b82f64d}.action-btn.warning{color:#fcd34d;background:#fbbf2433;border-color:#fbbf244d}.action-btn.warning:hover{background:#fbbf244d}.action-btn.danger{color:#fca5a5;background:#ef444433;border-color:#ef44444d}.action-btn.danger:hover{background:#ef44444d}.empty-state{border:2px dashed #ffffff1a;border-radius:16px;padding:4rem 2rem}.empty-icon{margin-bottom:1rem}.empty-state h3{margin-bottom:.5rem}.empty-state p{color:#fff9}@media (max-width:1024px){.courses-container.grid-view{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.course-header-top{flex-direction:column;align-items:flex-start}.course-header-top .course-actions{justify-content:flex-start;width:100%}}@media (max-width:768px){.course-management{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.create-course-btn{width:100%}.course-controls{flex-direction:column}.search-box{width:100%;min-width:unset}.filter-group{justify-content:space-between;width:100%}.filter-select{flex:1}.list-view .course-card-mgmt{flex-direction:column}.list-view .course-thumbnail{width:100%;height:180px}.action-btn{height:2.4rem;min-height:2.4rem;padding:.5rem .8rem;font-size:.7rem}.course-stats{grid-template-columns:1fr 1fr}.stat-value{font-size:1.5rem}.stat-icon{font-size:2rem}.list-view .thumbnail-icon{font-size:4rem}.course-actions{flex-wrap:nowrap;width:100%;overflow-x:auto}}.course-builder{min-height:100vh}.course-builder-stats{color:#ffffffb3;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.9rem;display:flex}.header-actions{align-items:center;gap:1rem;display:flex}.curriculum-builder{background:#ffffff0d;border-radius:16px;margin-top:2rem;padding:2rem}.curriculum-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.curriculum-header h2{color:#fff;font-size:1.5rem}.requirements-checklist{background:#3b82f61a;border:1px solid #3b82f633;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.requirements-checklist h3{color:#93c5fd;margin:0 0 1rem;font-size:1rem}.checklist-items{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.75rem;display:grid}.checklist-item{color:#ffffffb3;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.9rem;transition:all .3s;display:flex}.checklist-item.complete{color:#86efac;background:#22c55e1a;border-color:#22c55e4d}.checklist-item .count{color:#ffffff80;margin-left:auto;font-size:.85rem;font-weight:600}.checklist-item.complete .count{color:#86efac}.sections-list{flex-direction:column;gap:1.5rem;animation:fadeInDown .4s ease-out;display:flex}.section-card{background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:slideInUp .4s ease-out;overflow:hidden}@keyframes slideInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.section-card:hover{border-color:#6366f180;transform:translateY(-2px);box-shadow:0 8px 24px #6366f126}.section-header{cursor:pointer;background:#ffffff05;padding:1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.section-header:hover{background:#ffffff0d}.section-info{flex:1;align-items:center;gap:1rem;display:flex}.section-number{color:#a5b4fc;background:#6366f133;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s}.section-card:hover .section-number{color:#fff;background:#6366f159;transform:scale(1.05)}.section-info h3{color:#fff;margin:0;font-size:1.125rem;transition:color .2s}.section-header:hover .section-info h3{color:#a5b4fc}.section-meta{color:#ffffff80;font-size:.875rem;transition:color .2s}.section-header:hover .section-meta{color:#ffffffb3}.section-actions{align-items:center;gap:.5rem;display:flex}.btn-icon{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;width:32px;height:32px;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-icon:hover{background:#ffffff26;border-color:#6366f180;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.section-content{padding:0 1.5rem 1.5rem;animation:slideDown .3s ease-out}.section-description{color:#ffffffb3;margin-bottom:1rem;font-size:.9rem;transition:color .2s}.lessons-list{flex-direction:column;gap:.75rem;animation:fadeIn .3s ease-out;display:flex}.lesson-card{background:#ffffff08;border:1px solid #ffffff14;border-left:3px solid #0000;border-radius:8px;align-items:center;gap:1rem;padding:1rem;transition:all .2s cubic-bezier(.4,0,.2,1);animation:fadeInLeft .3s ease-out;display:flex}.lesson-card:hover{background:#ffffff0f;border-color:#ffffff26 #ffffff26 #ffffff26 #6366f1cc;transform:translate(4px);box-shadow:0 4px 12px #00000026}.lesson-icon{background:#6366f11a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;transition:all .2s;display:flex}.lesson-card:hover .lesson-icon{background:#6366f133;transform:scale(1.1)}.lesson-info{flex-direction:column;flex:1;gap:.25rem;display:flex}.lesson-number{color:#ffffff80;font-size:.75rem;transition:color .2s}.lesson-card:hover .lesson-number{color:#6366f1e6}.lesson-info h4{color:#fff;margin:0;font-size:.95rem;transition:color .2s}.lesson-card:hover .lesson-info h4{color:#a5b4fc}.lesson-duration{color:#fff9;font-size:.75rem;transition:color .2s}.lesson-card:hover .lesson-duration{color:#fffc}.lesson-badges{gap:.5rem;display:flex}.badge{border-radius:12px;padding:.25rem .75rem;font-size:.7rem;font-weight:600;transition:all .2s;animation:popIn .3s ease-out}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.badge-preview{color:#fcd34d;background:#fbbf2433;border:1px solid #fbbf244d}.badge-preview:hover{background:#fbbf244d;border-color:#fbbf2480}.badge-success{color:#86efac;background:#22c55e33;border:1px solid #22c55e4d}.badge-success:hover{background:#22c55e4d;border-color:#22c55e80}.badge-draft{color:#d1d5db;background:#9ca3af33;border:1px solid #9ca3af4d}.badge-draft:hover{background:#9ca3af4d;border-color:#9ca3af80}.lesson-actions{opacity:.7;gap:.25rem;transition:opacity .2s;display:flex}.lesson-card:hover .lesson-actions{opacity:1}.empty-lessons{text-align:center;color:#fff9;padding:2rem;animation:fadeInUp .4s ease-out}.empty-lessons p{margin-bottom:1rem}.modal-overlay{backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:linear-gradient(135deg,#1e293bf2,#0f172af2);border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.modal-large{max-width:700px}.modal-header{border-bottom:1px solid #ffffff1a;padding:1.5rem}.modal-header h2{margin:0;font-size:1.25rem}.modal-close{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;width:32px;height:32px;font-size:1.5rem;transition:all .2s}.modal-close:hover{background:#ffffff1a}.modal-body,.modal-footer{padding:1.5rem}.modal-footer{border-top:1px solid #ffffff1a;justify-content:flex-end;gap:1rem;display:flex}.form-group{margin-bottom:1.5rem}.form-group label{color:#fff;margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.form-group input,.form-group select,.form-group textarea{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:.75rem;font-size:.95rem;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#ffffff14;border-color:#6366f180;outline:none}.form-group small{color:#ffffff80;margin-top:.25rem;font-size:.8rem;display:block}.lesson-type-tabs{background:#ffffff0d;border-radius:8px;gap:.5rem;padding:.5rem;display:flex}.type-tab{color:#fff9;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex:1;padding:.75rem 1rem;font-weight:500;transition:all .2s}.type-tab:hover{color:#ffffffe6;background:#ffffff0d}.type-tab.active{color:#fff;background:#6366f133;border-color:#6366f14d}.checkbox-group{margin-top:1rem}.checkbox-label{cursor:pointer;align-items:center;gap:.75rem;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;width:auto}.checkbox-label span{color:#ffffffe6}.info-box{color:#93c5fd;background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;padding:1rem;font-size:.9rem}.info-box p{margin:0}.upload-options{margin-bottom:1.5rem}.upload-method-tabs{background:#ffffff0d;border-radius:8px;gap:.5rem;padding:.5rem;display:flex}.method-tab{color:#fff9;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex:1;padding:.75rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s}.method-tab:hover{color:#ffffffe6;background:#ffffff0d}.method-tab.active{color:#fff;background:#6366f133;border-color:#6366f14d}.file-upload-area{margin-top:.5rem}.file-upload-label{text-align:center;cursor:pointer;background:#ffffff08;border:2px dashed #fff3;border-radius:12px;padding:2rem;transition:all .3s;display:block}.file-upload-label:hover{background:#ffffff0d;border-color:#6366f180}.file-upload-label.small{padding:1.25rem}.file-upload-prompt{flex-direction:column;align-items:center;gap:.5rem;display:flex}.upload-icon{font-size:2.5rem}.file-upload-prompt p{color:#fff;margin:0;font-weight:500}.file-upload-prompt small{color:#ffffff80}.file-selected{color:#fff;justify-content:space-between;align-items:center;display:flex}.file-size{color:#fff9;font-size:.85rem}.attachments-list{flex-direction:column;gap:.5rem;margin-top:.75rem;display:flex}.attachment-item{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:space-between;padding:.75rem 1rem}.attachment-item,.remove-btn{align-items:center;display:flex}.remove-btn{color:#fca5a5;cursor:pointer;background:#ef444433;border:1px solid #ef44444d;border-radius:4px;justify-content:center;width:24px;height:24px;font-size:.9rem;transition:all .2s}.remove-btn:hover{background:#ef44444d}.documentation-textarea{resize:vertical;font-family:Monaco,Menlo,Courier New,monospace;line-height:1.6}.quiz-builder-preview{flex-direction:column;gap:1.5rem;display:flex}.quiz-settings-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:.5rem;display:grid}.quiz-settings-grid>div{flex-direction:column;gap:.5rem;display:flex}.quiz-settings-grid input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:.5rem;font-size:.9rem}.info-note{background:#fbbf241a;border:1px solid #fbbf2433;border-radius:8px;margin-top:.5rem;padding:1rem}.info-box h4{color:#93c5fd;margin:0 0 .5rem}.info-box ul{color:#fffc;margin:.5rem 0;padding-left:1.5rem}.info-box li{margin:.25rem 0;font-size:.9rem}.course-image-upload{width:100%}.course-image-upload .upload-placeholder{cursor:pointer;background:#ffffff08;border:2px dashed #fff3;border-radius:12px;justify-content:center;align-items:center;width:100%;min-height:180px;transition:all .3s;display:flex}.course-image-upload .upload-placeholder:hover{background:#6366f114;border-color:#6366f180}.course-image-upload .upload-content{flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;display:flex}.course-image-upload .upload-icon{opacity:.7;font-size:2.5rem}.course-image-upload .upload-text{color:#fffc;font-size:1rem;font-weight:500}.course-image-upload .upload-hint{color:#ffffff80;font-size:.8rem}.course-image-upload .image-preview-container{width:100%;max-width:400px;margin:0 auto;position:relative}.course-image-upload .image-preview{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border:2px solid #6366f14d;border-radius:12px;width:100%;height:auto}.course-image-upload .remove-image-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.2rem;transition:all .2s;display:flex;position:absolute;top:-10px;right:-10px;box-shadow:0 2px 8px #0000004d}.course-image-upload .remove-image-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #ef444466}.list-input-group{gap:.75rem;margin-bottom:1rem;display:flex}.list-input-group input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;flex:1;padding:.75rem 1rem;font-size:.95rem;transition:all .3s}.list-input-group input::-moz-placeholder{color:#ffffff80}.list-input-group input::placeholder{color:#ffffff80}.list-input-group input:focus{background:#3b82f614;border-color:#3b82f680;outline:none;box-shadow:0 0 0 3px #3b82f61a}.btn-add{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #10b9814d}.btn-add:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.btn-add:active{transform:translateY(0)}.list-items{flex-direction:column;gap:.5rem;margin:.75rem 0 1rem;padding:0;list-style:none;display:flex}.list-items li{color:#d1fae5;background:#10b9811a;border:1px solid #10b9814d;border-radius:8px;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.list-items li span{flex:1}.list-items li button{color:#fff;cursor:pointer;background:#ef4444cc;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;margin-left:.75rem;padding:0;font-size:1.2rem;transition:all .3s;display:flex}.list-items li button:hover{background:#ef4444;transform:scale(1.1)}.list-items li button:active{transform:scale(.95)}.loading-screen{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:100vh;display:flex}.loading-text{color:#fffc;font-size:1.125rem;font-weight:500}.navbar{backdrop-filter:blur(20px)saturate(180%);background:#fff;border-bottom:1px solid #e2e8f0;transition:all .4s cubic-bezier(.4,0,.2,1)}.navbar-scrolled{background:#fff;border-bottom-color:#e2e8f0;box-shadow:0 4px 16px #0000001a}.navbar-logo{cursor:pointer;align-items:center;gap:.75rem;transition:transform .3s;display:flex}.navbar-logo:hover{transform:scale(1.05)}.logo-icon{font-size:1.75rem;animation:float 3s ease-in-out infinite}.auth-buttons{gap:1rem;display:flex}.btn-animated{align-items:center;gap:.5rem;display:inline-flex;position:relative;overflow:hidden}.btn-animated .btn-text{transition:transform .3s}.btn-animated .btn-icon-right{opacity:.8;transition:transform .3s,opacity .3s}.btn-animated:hover .btn-text{transform:translate(-4px)}.btn-animated:hover .btn-icon-right{opacity:1;transform:translate(4px)}.btn-lg{border-radius:14px;font-size:1.125rem}.btn-outline-glass{color:#fff;backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d}.btn-outline-glass:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-3px);box-shadow:0 10px 30px #0003}.hero{text-align:center;padding:6rem 2rem;position:relative;overflow:hidden}.hero-content{z-index:2;position:relative}.hero-title{color:#fff;text-shadow:0 4px 20px #0000004d;margin-bottom:1.5rem;font-size:4rem;font-weight:800;line-height:1.1}@media (max-width:768px){.hero-title{font-size:2.5rem}}.hero-subtitle{color:#ffffffd9;max-width:700px;margin:0 auto 2.5rem;font-size:1.375rem;line-height:1.8}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:1.25rem;margin-top:2.5rem;display:flex}.hero-decoration{pointer-events:none;z-index:1;position:absolute;inset:0}.floating-shape{filter:blur(40px);background:linear-gradient(135deg,#6366f133,#8b5cf633);border-radius:50%;position:absolute}.shape-1{width:300px;height:300px;top:-100px;left:-100px}.shape-2{width:200px;height:200px;bottom:-50px;right:10%}.shape-3{width:150px;height:150px;top:30%;right:-50px}.features{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:4rem;padding:0 1rem;display:grid}.feature-icon{margin-bottom:1.25rem;font-size:3.5rem;transition:transform .3s;display:inline-block}.feature-card:hover .feature-icon{animation:bounce .6s}.feature-title{color:#fff;margin-bottom:.75rem;font-size:1.5rem;font-weight:700}.feature-description{color:#ffffffbf;margin-bottom:1rem;line-height:1.8}.feature-cta{margin-top:auto}.learn-more-link{color:#60a5fa;cursor:pointer;font-weight:600;transition:color .3s}.learn-more-link:hover{color:#93c5fd}.stats-section{backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;margin:5rem 0;padding:3rem 2rem}.stats-section .stats-grid{text-align:center;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;display:grid}.stat-item{padding:1.5rem}.stat-number{margin-bottom:.5rem;font-size:3rem;line-height:1.2}.stats-section .stat-label{color:#ffffffb3;font-size:1rem;font-weight:500}.gradient-text-animated{background:linear-gradient(135deg,#60a5fa,#a78bfa,#f472b6,#60a5fa) 0 0/300% 300%;animation:gradient 4s infinite}.welcome-back-section{justify-content:center;margin-top:4rem;display:flex}.welcome-card{text-align:center;max-width:500px;padding:2.5rem}.welcome-card h3{color:#fff;margin-bottom:.75rem;font-size:1.75rem}.welcome-card p{color:#ffffffbf;margin-bottom:1.5rem}.footer{background:#0c0c0c;border-top:1px solid #ffffff0f;margin-top:0;padding:3rem 2rem;position:relative;overflow:hidden}.footer:before{display:none}.footer-content{color:gray;z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;max-width:1280px;margin:0 auto;font-size:.95rem;display:flex;position:relative}.footer-content p{margin:0;font-weight:500}.footer-links{gap:2.5rem;display:flex}.footer-links a{color:#606060;font-weight:500;text-decoration:none;transition:all .2s;position:relative}.footer-links a:hover{color:#fff}.footer-links a:after{display:none}.footer-links a:hover:after{width:0}.particles-bg:after,.particles-bg:before{pointer-events:none;background:radial-gradient(circle,#6366f126 0,#0000 70%)}.particles-bg:before{width:400px;height:400px;animation:float 8s ease-in-out infinite;top:-200px;left:-200px}.particles-bg:after{width:300px;height:300px;animation:float 8s ease-in-out infinite reverse;bottom:-150px;right:-150px}.hover-underline:after{background:linear-gradient(90deg,#60a5fa,#a78bfa);transition:width .3s;bottom:-2px}.card-glow:after{transition:opacity .4s}.card-glow:hover:after{opacity:.5}.glass-effect{backdrop-filter:blur(20px)saturate(180%);background:#ffffff14;border:1px solid #ffffff26}.hover-lift{transition:transform .3s,box-shadow .3s}.hover-lift:hover{box-shadow:0 20px 40px #0003}.hover-glow{transition:box-shadow .3s}.hover-glow:hover{box-shadow:0 0 30px #6366f180}.animate-fadeInLeft{animation:fadeInLeft .6s ease-out}.animate-fadeInRight{animation:fadeInRight .6s ease-out}.animate-fadeInDown{animation:fadeInDown .6s ease-out}.animate-fadeInUp{animation:fadeInUp .6s ease-out both}.animate-float{animation:float 4s ease-in-out infinite}.stagger-children>:first-child{animation-delay:.1s}.stagger-children>:nth-child(2){animation-delay:.2s}.stagger-children>:nth-child(3){animation-delay:.3s}.stagger-children>:nth-child(4){animation-delay:.4s}.stagger-children>:nth-child(5){animation-delay:.5s}.scroll-fade-in{transition:opacity .6s,transform .6s}.scroll-scale{opacity:0;transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1);transform:scale(.9)}.scroll-scale.visible{opacity:1;transform:scale(1)}.scroll-stagger>*{opacity:0;transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1);transform:translateY(30px)}.scroll-stagger.visible>:first-child{transition-delay:0s}.scroll-stagger.visible>:nth-child(2){transition-delay:.1s}.scroll-stagger.visible>:nth-child(3){transition-delay:.2s}.scroll-stagger.visible>:nth-child(4){transition-delay:.3s}.scroll-stagger.visible>:nth-child(5){transition-delay:.4s}.scroll-stagger.visible>:nth-child(6){transition-delay:.5s}.scroll-stagger.visible>:nth-child(7){transition-delay:.6s}.scroll-stagger.visible>:nth-child(8){transition-delay:.7s}.scroll-stagger.visible>*{opacity:1;transform:translateY(0)}.icon-bounce:hover{animation:bounce .6s}.landing-navbar{z-index:1000;backdrop-filter:blur(20px);min-height:var(--navbar-height);border-bottom:1px solid #fff3;padding:1rem 1.5rem;transition:all .2s;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 20px #2563eb4d;background:#2563eb!important}.landing-navbar.navbar-scrolled{min-height:var(--navbar-height-scrolled);border-bottom:1px solid #ffffff40;padding:.75rem 1.5rem;box-shadow:0 6px 24px #2563eb66;background:#1d4ed8!important}.landing-navbar-content{justify-content:space-between;align-items:center;gap:2rem;max-width:1400px;height:100%;margin:0 auto;display:flex}.navbar-logo-section{cursor:pointer;align-items:center;gap:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.navbar-logo-section:hover{transform:scale(1.05)}.logo-icon-box{color:#fff;background:linear-gradient(135deg,#ffffff40,#ffffff26);border:2px solid #fff6;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0003,inset 0 1px #ffffff4d}.logo-icon-box:before{content:"";background:radial-gradient(circle,#ffffff4d 0,#0000 70%);width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.logo-icon-box:hover{background:linear-gradient(135deg,#ffffff59,#ffffff40);border-color:#fff9;transform:scale(1.12)rotate(5deg);box-shadow:0 12px 32px #00000040,inset 0 1px #fff6}.logo-icon-box:hover:before{width:200px;height:200px}.navbar-brand{-webkit-text-fill-color:transparent;letter-spacing:-.03em;text-shadow:0 2px 8px #0000001a;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem;font-weight:800;transition:all .3s;position:relative}.navbar-logo-section:hover .navbar-brand{letter-spacing:-.01em;filter:brightness(1.1)}.navbar-center-links{flex:1;justify-content:center;align-items:center;gap:.5rem;display:flex}.nav-link{color:#fffffff2;letter-spacing:.02em;background:#ffffff0f;border-radius:10px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block;position:relative;overflow:hidden}.nav-link:before{content:"";opacity:0;z-index:-1;background:linear-gradient(135deg,#fff3,#ffffff14);border-radius:10px;transition:opacity .3s;position:absolute;inset:0}.nav-link:after{content:"";background:linear-gradient(90deg,#0000,#fbbf24,#0000);width:0;height:3px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-link:hover{color:#fff;letter-spacing:.03em;background:#ffffff26;transform:translateY(-3px);box-shadow:0 8px 24px #fff3}.nav-link:hover:before{opacity:1}.nav-link:hover:after{width:80%}.nav-link.active{color:#fff;background:#ffffff2e;font-weight:700;box-shadow:0 6px 16px #ffffff40}.nav-link.active:after{width:80%}.nav-link:active{transition:transform .1s;transform:translateY(0)}.search-box{background:#0f0f0f;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:.5rem;min-width:220px;padding:.5rem .875rem;transition:all .2s;display:flex}.search-box:hover{background:#111;border-color:#ffffff26}.search-box:focus-within{background:#111;border-color:#ffffff40}.search-icon{color:#78716c;font-size:1rem;transition:color .3s}.search-box:focus-within .search-icon{color:#3b82f6}.search-input{color:#fafaf9;background:0 0;border:none;outline:none;width:180px;font-size:.875rem;font-weight:400}.search-input::-moz-placeholder{color:#78716c;-moz-transition:color .3s;transition:color .3s}.search-input::placeholder{color:#78716c;transition:color .3s}.search-box:focus-within .search-input::-moz-placeholder{color:#a8a29e}.search-box:focus-within .search-input::placeholder{color:#a8a29e}.navbar-actions{align-items:center;gap:1rem;display:flex}.navbar-icon-btn{color:#a8a29e;cursor:pointer;backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.navbar-icon-btn:hover{color:#3b82f6;background:#3b82f614;border-color:#3b82f633;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f626}.navbar-icon-btn svg{width:20px;height:20px}.navbar-badge{color:#fff;text-align:center;background:#2a2a2a;border-radius:10px;min-width:18px;padding:.125rem .375rem;font-size:.625rem;font-weight:700;position:absolute;top:-4px;right:-4px}.navbar-avatar{color:#fff;cursor:pointer;background:#1a1a1a;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.navbar-avatar:hover{background:#222;border-color:#ffffff26}.navbar-login-btn{color:#1e293b;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:8px;padding:.75rem 1.75rem;font-size:.9375rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 6px 20px #fbbf2459}.navbar-login-btn:before{content:"";z-index:0;background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.navbar-login-btn:hover{background:linear-gradient(135deg,#f59e0b 0 100%);transform:translateY(-3px);box-shadow:0 12px 32px #fbbf2473}.navbar-login-btn:hover:before{width:300px;height:300px}.navbar-signup-btn{color:#1e293b;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:8px;padding:.75rem 1.75rem;font-size:.9375rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 6px 20px #fbbf2459}.navbar-signup-btn:before{content:"";z-index:0;background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.navbar-signup-btn:hover{background:linear-gradient(135deg,#f59e0b 0 100%);transform:translateY(-3px);box-shadow:0 12px 32px #fbbf2473}.navbar-signup-btn:hover:before{width:300px;height:300px}.navbar-signup-btn:active{transform:translateY(-1px)}.landing-features-section{background:#fff;padding:8rem 2rem 6rem;position:relative;overflow:hidden}.landing-features-section:before{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0,0 C300,60 600,60 900,30 C1050,15 1125,0 1200,0 L1200,120 L0,120 Z' fill='%233b82f6' opacity='0.1'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:cover;height:100px;position:absolute;top:0;left:0;right:0;transform:translateY(-1px)}.landing-features-section:after{content:"";pointer-events:none;background-image:repeating-linear-gradient(0deg,#0000,#0000 49px,#3b82f608 49px 50px),repeating-linear-gradient(90deg,#0000,#0000 49px,#3b82f608 49px 50px);position:absolute;inset:0}.features-container{z-index:1;max-width:1200px;margin:0 auto;position:relative}.section-badge{color:#3b82f6;letter-spacing:.15em;text-transform:uppercase;backdrop-filter:blur(10px);background:#3b82f61a;border:1px solid #3b82f64d;border-radius:24px;margin-bottom:2rem;padding:.5rem 1.25rem;font-size:.75rem;font-weight:600;display:inline-block;position:relative;overflow:hidden}.section-badge:before{content:"";background:linear-gradient(90deg,#0000,#3b82f633,#0000);width:100%;height:100%;animation:shimmer 3s infinite;position:absolute;top:0;left:-100%}.features-header{text-align:center;margin-bottom:4rem}.features-header h2{color:#0f172a;letter-spacing:-.02em;margin-bottom:1rem;font-size:2.75rem;font-weight:700}.stats-showcase{backdrop-filter:blur(20px);background:linear-gradient(135deg,#3b82f60d,#93c5fd0d);border:1px solid #3b82f633;border-radius:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:5rem;padding:3rem;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 32px #3b82f61a,inset 0 1px #3b82f61a}.stats-showcase:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 0,#3b82f61a 0,#0000 50%);position:absolute;inset:0}.stat-box{text-align:center;padding:1.5rem 1rem;transition:transform .3s;position:relative}.stat-box:hover{transform:translateY(-8px)}.stat-box:after{content:"";opacity:0;background:linear-gradient(90deg,#0000,#3b82f699,#0000);border-radius:2px;width:40px;height:3px;transition:opacity .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.stat-box:hover:after{opacity:1}.stat-number{color:#3b82f6;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem;font-size:3.5rem;font-weight:800;line-height:1}.stat-label{color:#475569;letter-spacing:.02em;font-size:.9375rem;font-weight:500}.features-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:4rem}.feature-item{backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#f9fafbf2);border:1px solid #3b82f633;border-radius:16px;padding:2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.feature-item:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#3b82f680,#0000);height:1px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.feature-item:hover:before{opacity:1}.feature-icon{color:#3b82f6;background:#3b82f61a;border:1px solid #3b82f633;border-radius:12px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1.5rem;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.feature-icon:before{content:"";background:radial-gradient(circle,#3b82f64d 0,#0000 70%);border-radius:50%;width:100%;height:100%;transition:transform .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.feature-icon svg{z-index:1;transition:transform .3s;position:relative}.feature-item:hover .feature-icon{background:#3b82f633;border-color:#3b82f666;transform:translateY(-4px);box-shadow:0 4px 16px #3b82f64d}.feature-item:hover .feature-icon:before{transform:translate(-50%,-50%)scale(1)}.feature-item:hover .feature-icon svg{transform:scale(1.1)}.testimonials-section{margin-bottom:4rem;padding-top:2rem}.testimonials-title{text-align:center;color:#0f172a;margin-bottom:3rem;font-size:2rem;font-weight:700}.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.testimonial-card{background:#fff;border:1px solid #3b82f633;border-radius:16px;padding:2rem;transition:all .2s;box-shadow:0 2px 8px #0000000d}.testimonial-card:hover{background:#3b82f60d;border-color:#3b82f666;transform:translateY(-4px);box-shadow:0 8px 24px #3b82f626}.testimonial-rating{color:#fbbf24;gap:.25rem;margin-bottom:1rem;font-size:1.25rem;display:flex}.testimonial-rating svg{fill:currentColor;width:20px;height:20px}.testimonial-text{color:#475569;margin-bottom:1.5rem;font-size:1rem;font-style:italic;line-height:1.7}.testimonial-author{align-items:center;gap:1rem;display:flex}.author-avatar{color:#3b82f6;background:#3b82f61a;border:2px solid #3b82f64d;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;font-weight:700;display:flex}.author-name{color:#0f172a;font-size:1rem;font-weight:600}.author-role{color:#64748b;font-size:.875rem}.features-cta{text-align:center;background:linear-gradient(135deg,#3b82f60d,#93c5fd0d);border:1px solid #3b82f64d;border-radius:12px;padding:4rem 2rem}.features-cta h3{color:#0f172a;margin-bottom:.75rem;font-size:2rem;font-weight:700}.features-cta p{color:#475569;margin-bottom:2rem;font-size:1.125rem}.cta-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:1px solid #3b82f680;border-radius:8px;padding:1rem 2.5rem;font-size:1rem;font-weight:500;transition:all .2s}.cta-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#3b82f6cc;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.features-header p{color:#a8a29e;max-width:600px;margin:0 auto;font-size:1.125rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.feature-item{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;padding:2rem;transition:all .3s cubic-bezier(.22,1,.36,1)}.feature-item:hover{background:#14b8a60a;border-color:#14b8a633;transform:translateY(-4px);box-shadow:0 8px 24px #14b8a61a}.feature-icon{margin-bottom:1rem;font-size:2.5rem}.feature-item h3{color:#fafaf9;margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.feature-item p{color:#a8a29e;font-size:.9375rem;line-height:1.6}.landing-contact-section{background:linear-gradient(#fff,#f9fafb);border-top:1px solid #3b82f633;padding:8rem 2rem 6rem;position:relative}.landing-contact-section:before{content:"";pointer-events:none;background:radial-gradient(at 50% 0,#3b82f61a 0,#0000 70%);height:150px;position:absolute;top:0;left:0;right:0}.contact-container{max-width:1200px;margin:0 auto}.contact-header{text-align:center;margin-bottom:4rem}.contact-header h2{color:#0f172a;letter-spacing:-.02em;margin-bottom:1rem;font-size:2.75rem;font-weight:700}.contact-header>p{color:#475569;max-width:650px;margin:0 auto;font-size:1.125rem}.contact-layout{grid-template-columns:1.2fr 1fr;gap:3rem;display:grid}.contact-form-wrapper{background:#fff;border:1px solid #3b82f633;border-radius:12px;padding:2.5rem;box-shadow:0 4px 16px #0000000d}.contact-form-wrapper h3{color:#0f172a;margin-bottom:2rem;font-size:1.5rem;font-weight:600}.contact-form{flex-direction:column;gap:1.25rem;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.contact-input,.contact-textarea{color:#0f172a;background:#f9fafb;border:1px solid #3b82f633;border-radius:6px;width:100%;padding:.875rem 1.25rem;font-family:inherit;font-size:.9375rem;transition:all .2s}.contact-input::-moz-placeholder,.contact-textarea::-moz-placeholder{color:#94a3b8}.contact-input::placeholder,.contact-textarea::placeholder{color:#94a3b8}.contact-input:focus,.contact-textarea:focus{background:#fff;border-color:#3b82f680;outline:none;box-shadow:0 0 0 3px #3b82f61a}.contact-textarea{resize:vertical;min-height:120px}.contact-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:1px solid #3b82f680;border-radius:6px;padding:1rem 2rem;font-size:.9375rem;font-weight:500;transition:all .2s}.contact-submit-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#3b82f6cc;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.contact-info-wrapper{flex-direction:column;gap:2rem;display:flex}.contact-info-wrapper h3{color:#0f172a;margin-bottom:1rem;font-size:1.5rem;font-weight:600}.contact-info-grid{flex-direction:column;gap:1.5rem;display:flex}.info-item{background:#fff;border:1px solid #3b82f633;border-radius:8px;gap:1rem;padding:1.25rem;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000d}.info-item:hover{background:#3b82f60d;border-color:#3b82f666;box-shadow:0 4px 12px #3b82f61a}.info-icon{color:#3b82f6;flex-shrink:0;justify-content:center;align-items:center;font-size:2rem;display:flex}.info-icon svg{width:28px;height:28px}.info-item h4{color:#0f172a;margin-bottom:.25rem;font-size:1rem;font-weight:600}.info-item p{color:#475569;margin:0;font-size:.9375rem;font-weight:400}.info-subtext{font-size:.875rem;color:#64748b!important;margin-top:.25rem!important;font-weight:400!important}.social-links-section{background:#fff;border:1px solid #3b82f633;border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.social-links-section h4{color:#0f172a;margin-bottom:1rem;font-size:1rem;font-weight:600}.social-links{gap:1rem;display:flex}.social-link{color:#3b82f6;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.social-link:hover{color:#fff;background:#3b82f6;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.faq-quick-section{background:#fff;border:1px solid #3b82f633;border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.faq-quick-section h4{color:#0f172a;margin-bottom:1rem;font-size:1rem;font-weight:600}.faq-accordion{flex-direction:column;gap:.5rem;display:flex}.faq-item{border-bottom:1px solid #3b82f61a}.faq-item:last-child{border-bottom:none}.faq-question{color:#475569;text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:.875rem 0;font-size:.9375rem;font-weight:500;transition:all .3s;display:flex}.faq-icon,.faq-question.active,.faq-question:hover{color:#3b82f6}.faq-icon{text-align:center;min-width:24px;font-size:1.25rem;font-weight:300;transition:transform .3s}.faq-answer{max-height:0;transition:max-height .3s,padding .3s;overflow:hidden}.faq-answer.open{max-height:500px;padding-bottom:1rem}.faq-answer p{color:#64748b;margin:0;font-size:.875rem;line-height:1.6}.additional-info-section{flex-direction:column;gap:1.5rem;margin-top:2rem;display:flex}.info-card{background:#141414;border:1px solid #ffffff14;border-radius:8px;padding:1.5rem}.info-card h4{color:#fff;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.125rem;font-weight:600;display:flex}.inline-icon{color:gray;width:20px;height:20px}.hours-list{flex-direction:column;gap:.75rem;display:flex}.hours-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:.625rem 0;font-size:.9375rem;display:flex}.hours-row:last-child{border-bottom:none}.hours-row span:first-child{color:#a0a0a0}.hours-row span:last-child{color:#fff;font-weight:500}.response-stats{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.stat-item{text-align:center;background:#0f0f0f;border:1px solid #ffffff0f;border-radius:6px;padding:1rem .5rem}.stat-value{color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;margin-bottom:.25rem;font-size:3rem;font-weight:900;line-height:1}.stat-label{color:#606060;font-size:.8125rem}.map-card{padding:1.5rem}.map-wrapper{border-radius:8px;margin-bottom:.75rem;overflow:hidden}.map-description{color:gray;text-align:center;margin:.5rem 0 0;font-size:.875rem}@media (max-width:1024px){.contact-layout{grid-template-columns:1fr}.stats-showcase{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.navbar-center-links{display:none}.navbar-actions{gap:.5rem}.navbar-login-btn,.navbar-signup-btn{padding:.5rem 1rem;font-size:.875rem}.contact-header h2,.features-header h2,.testimonials-title{font-size:2rem}.features-grid,.stats-showcase,.testimonials-grid{grid-template-columns:1fr}.stats-showcase{padding:2rem 1.5rem}.stat-number{font-size:2.5rem}.form-row{grid-template-columns:1fr}.features-cta{padding:3rem 1.5rem}.cta-button{padding:.875rem 2rem;font-size:1rem}.response-stats{grid-template-columns:1fr}.stat-item{padding:.875rem}}.landing-hero-container{background:#fff;min-height:100vh;padding-top:80px;padding-bottom:4rem;position:relative;overflow:hidden}.landing-hero-container:before{content:"";opacity:.5;z-index:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%233b82f6' fill-opacity='0.05' d='M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,112C672,96,768,96,864,112C960,128,1056,160,1152,165.3C1248,171,1344,149,1392,138.7L1440,128L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");background-position:bottom;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.landing-hero-container:after{content:"";pointer-events:none;z-index:10;background:linear-gradient(#fff0,#fffc 50%,#fff);height:200px;position:absolute;bottom:0;left:0;right:0}.landing-hero-grid{z-index:2;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1400px;min-height:calc(100vh - 80px);margin:0 auto;padding:3rem 2rem;display:grid;position:relative}.hero-divider{pointer-events:none;z-index:10;background:linear-gradient(#0000,#3b82f633 15% 85%,#0000);width:2px;position:absolute;top:5%;bottom:5%;left:50%;transform:translate(-50%)}.hero-left-section{flex-direction:column;justify-content:center;padding:2rem 0;display:flex}.hero-content-wrapper{max-width:600px}.join-badge{color:#3b82f6;letter-spacing:2px;text-transform:uppercase;margin-bottom:1.5rem;font-size:1rem;font-weight:700;animation:fadeInLeft .8s;display:inline-block}.hero-main-title{color:#0f172a;margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;line-height:1.2;animation:fadeInLeft .8s .2s backwards}.highlight-text{color:#3b82f6;display:inline-block;position:relative}.hero-subtitle-desc{color:#475569;margin-bottom:2.5rem;font-size:1.1rem;line-height:1.6;animation:fadeInLeft .8s .4s backwards}.hero-action-buttons{gap:1.5rem;animation:fadeInLeft .8s .6s backwards;display:flex}.btn-explore{color:#3b82f6;cursor:pointer;background:#fff;border:2px solid #3b82f6;border-radius:30px;padding:1rem 2.5rem;font-size:1rem;font-weight:700;transition:all .3s;box-shadow:0 4px 12px #3b82f626}.btn-explore:hover{color:#fff;background:#3b82f6;border-color:#3b82f6;transform:translateY(-3px);box-shadow:0 8px 20px #3b82f64d}.btn-book-now{color:#fff;cursor:pointer;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:30px;padding:1rem 2.5rem;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 6px 20px #3b82f666}.btn-book-now:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-3px);box-shadow:0 10px 30px #3b82f699}.hero-right-section{justify-content:center;align-items:center;animation:fadeInRight .8s .4s backwards;display:flex}.signup-card-landing{backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #fff3;border-radius:24px;width:100%;max-width:450px;padding:2.5rem;box-shadow:0 10px 40px #0000004d}.signup-title{color:#fff;text-align:left;margin-bottom:2rem;font-size:2rem;font-weight:700}.new-account-text{color:#fff;font-weight:400}.landing-signup-form{flex-direction:column;gap:1.25rem;display:flex}.form-field{align-items:center;position:relative}.form-field.half-width{flex:1}.field-icon{pointer-events:none;left:1rem}.field-icon,.visibility-icon{opacity:.7;z-index:2;font-size:1.1rem;position:absolute}.visibility-icon{cursor:pointer;right:1rem}.landing-input{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;width:100%;padding:1rem 1rem 1rem 3rem;font-size:.95rem;transition:all .3s}.landing-input:focus{background:#ffffff26;border-color:#3b82f680;outline:none;box-shadow:0 0 0 3px #3b82f626}.landing-input::-moz-placeholder{color:#ffffff80}.landing-input::placeholder{color:#ffffff80}.form-row-double{gap:1rem;display:flex}.already-member{text-align:center;color:#ffffffb3;margin:.5rem 0;font-size:.95rem}.login-link-landing{color:#3b82f6;font-weight:600;text-decoration:none;transition:all .3s}.login-link-landing:hover{color:#2563eb;text-decoration:underline}.btn-create-account{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;width:100%;margin-top:.5rem;padding:1rem;font-size:1.05rem;font-weight:600;transition:all .3s;box-shadow:0 6px 20px #3b82f666}.btn-create-account:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 10px 30px #3b82f699}.features-section-wrapper{background:linear-gradient(#1a202c,#2d3748);padding:4rem 2rem}@media (max-width:1024px){.landing-hero-grid{grid-template-columns:1fr;gap:3rem;padding:2rem 1.5rem}.hero-divider{display:none}.hero-left-section{text-align:center}.hero-content-wrapper{max-width:100%}.hero-main-title{font-size:2.5rem}.hero-action-buttons{justify-content:center}.navbar-center-links{gap:1.5rem}.search-input{width:150px}}@media (max-width:768px){.landing-navbar-content{flex-direction:column;gap:1rem}.navbar-center-links{flex-wrap:wrap;justify-content:center;gap:1rem}.hero-main-title{font-size:2rem}.form-row-double{flex-direction:column;gap:1.25rem}.signup-card-landing{padding:2rem 1.5rem}}.navbar-search-section{align-items:center;display:flex}.navbar-search-section .search-box{background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:.6rem;min-width:200px;padding:.65rem 1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.navbar-search-section .search-box:hover{background:#ffffff1f;border-color:#ffffff40}.navbar-search-section .search-box:focus-within{background:#ffffff26;border-color:#fff6;box-shadow:0 0 0 2px #ffffff1a}.navbar-search-section .search-icon{opacity:.6;color:#ffffffb3;flex-shrink:0;font-size:.95rem;transition:opacity .3s}.navbar-search-section .search-box:focus-within .search-icon,.navbar-search-section .search-box:hover .search-icon{opacity:.85}.navbar-search-section .search-input{color:#ffffffd9;background:0 0;border:none;outline:none;width:100%;font-size:.9rem;transition:color .3s}.navbar-search-section .search-input::-moz-placeholder{color:#ffffff73;font-weight:500}.navbar-search-section .search-input::placeholder{color:#ffffff73;font-weight:500}.auth-modal-container{backdrop-filter:blur(25px);background:#ffffff14;border:1px solid #fff3;border-radius:24px;width:100%;max-width:480px;padding:2.5rem 2.75rem;animation:slideUp .4s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 20px 60px #00000080}.modal-close-btn{color:#fffc;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.25rem;line-height:1;transition:all .3s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.modal-close-btn:hover{background:#ffffff26;border-color:#ffffff4d;transform:rotate(90deg)}.modal-header{text-align:center;margin-bottom:2rem}.modal-header .auth-icon{margin-bottom:1rem;font-size:3rem;display:inline-block}.modal-header h2{color:#fff;letter-spacing:-.025em;margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.modal-header p{color:#ffffffb3;margin:0;font-size:.95rem}.modal-form{gap:1rem}.modal-form,.modal-form-group{flex-direction:column;display:flex}.modal-form-group{gap:.5rem}.modal-form-group label{color:#ffffffe6;align-items:center;gap:.4rem;font-size:.875rem;font-weight:500;display:flex}.modal-form-group .label-icon{font-size:1rem}.modal-input-wrapper{align-items:center;display:flex;position:relative}.modal-input{color:#fff;background:#ffffff1f;border:1px solid #fff3;border-radius:12px;width:100%;padding:.85rem 1rem;font-size:.95rem;transition:all .3s}.modal-input:focus{background:#ffffff2e;border-color:#3b82f699;outline:none;box-shadow:0 0 0 4px #3b82f626}.modal-input::-moz-placeholder{color:#fff6}.modal-input::placeholder{color:#fff6}.modal-password-toggle{color:#fff9;cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.1rem;transition:all .3s;position:absolute;right:1rem}.modal-password-toggle:hover{color:#ffffffe6}.modal-form-row{justify-content:space-between;align-items:center;gap:1rem;margin-top:.25rem;display:flex}.modal-checkbox-group{align-items:center;gap:.5rem;display:flex}.modal-checkbox-group input[type=checkbox]{cursor:pointer;accent-color:#3b82f6;width:16px;height:16px}.modal-checkbox-group label{color:#fffc;cursor:pointer;margin:0;font-size:.875rem}.modal-link{color:#3b82f6;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .3s}.modal-link:hover{color:#2563eb;text-decoration:underline}.modal-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;width:100%;margin-top:.5rem;padding:1rem;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 6px 20px #3b82f666}.modal-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 10px 30px #3b82f699}.modal-submit-btn:disabled{opacity:.5;cursor:not-allowed}.modal-divider{text-align:center;color:#ffffff80;margin:1.5rem 0;font-size:.875rem;position:relative}.modal-divider:after,.modal-divider:before{content:"";background:#ffffff26;width:calc(50% - 2rem);height:1px;position:absolute;top:50%}.modal-divider:before{left:0}.modal-divider:after{right:0}.modal-switch-text{text-align:center;color:#ffffffb3;margin-top:1.5rem;font-size:.95rem}.modal-switch-link{color:#3b82f6;margin-left:.25rem;font-weight:600;text-decoration:none;transition:all .3s}.modal-switch-link:hover{color:#2563eb;text-decoration:underline}.modal-error{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d;border-radius:8px;animation:shake .5s}.modal-error,.modal-success{align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.modal-success{color:#6ee7b7;background:#10b98126;border:1px solid #10b9814d;border-radius:8px;animation:slideDown .3s}.modal-select{color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:#ffffff1f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath fill='%2360a5fa' d='M1 1l6 6 6-6' stroke='%2360a5fa' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") right 1rem center/14px 8px no-repeat;border:1px solid #fff3;border-radius:12px;width:100%;padding:.85rem 3rem .85rem 1rem;font-size:.95rem;transition:all .3s}.modal-select:focus{background-color:#ffffff2e;border-color:#3b82f699;outline:none;box-shadow:0 0 0 4px #3b82f626}.modal-select option{color:#fff;background:#1f2937;padding:.5rem}.modal-password-strength{margin-top:.75rem;animation:fadeIn .3s}.modal-password-strength .strength-bar{background:#ffffff26;border-radius:3px;width:100%;height:6px;margin-bottom:.75rem;overflow:hidden}.modal-password-strength .strength-fill{border-radius:3px;height:100%;transition:all .4s cubic-bezier(.4,0,.2,1)}.modal-password-strength .password-requirements{grid-template-columns:1fr 1fr;gap:.5rem;font-size:.75rem;display:grid}.modal-password-strength .requirement{color:#ffffff80;align-items:center;gap:.4rem;transition:all .3s;display:flex}.modal-password-strength .requirement.met{color:#10b981;font-weight:500}.modal-password-strength .requirement .req-icon{font-size:.9rem;font-weight:700}.auth-placeholder{backdrop-filter:blur(25px);text-align:center;background:#1f2937b3;border:1px solid #ffffff1a;border-radius:24px;padding:3rem 2rem;animation:fadeIn .5s;box-shadow:0 10px 40px #0000004d}.auth-placeholder h3{color:#fff;margin-bottom:1rem;font-size:1.8rem;font-weight:700;line-height:1.3}.auth-placeholder .title-accent{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text}.auth-placeholder p{color:#ffffffb3;margin-bottom:2rem;font-size:1rem;line-height:1.6}.placeholder-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn-placeholder-login,.btn-placeholder-signup{cursor:pointer;border:none;border-radius:12px;outline:none;padding:.9rem 2rem;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-placeholder-login{color:#3b82f6;background:#3b82f626;border:2px solid #3b82f6}.btn-placeholder-login:hover{color:#fff;background:#3b82f6;transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.btn-placeholder-signup{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 15px #3b82f64d}.btn-placeholder-signup:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 8px 25px #3b82f680}.inline-auth-card{backdrop-filter:blur(30px);background:#1f2937d9;border:1px solid #ffffff26;border-radius:24px;padding:2.5rem;animation:slideInRight .5s cubic-bezier(.4,0,.2,1);box-shadow:0 15px 50px #0006}.inline-auth-card h3{color:#fff;margin-bottom:.5rem;font-size:2rem;font-weight:700}.inline-auth-card p{color:#fff9;margin-bottom:2rem;font-size:.95rem}.inline-form-group{margin-bottom:1.5rem}.inline-form-group label{color:#ffffffe6;margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.inline-form-group input,.inline-form-group select{color:#fff;background:#2d3748b3;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:.9rem 1rem;font-size:1rem;transition:all .3s}.inline-form-group input::-moz-placeholder{color:#fff6}.inline-form-group input::placeholder{color:#fff6}.inline-form-group input:focus,.inline-form-group select:focus{background:#2d3748e6;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.inline-form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%233b82f6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1.2rem;padding-right:3rem}.inline-input-wrapper{position:relative}.inline-input-wrapper input{padding-right:3rem}.inline-password-toggle{opacity:.6;padding:.3rem;font-size:1.2rem;transition:opacity .2s;top:50%;right:1rem;transform:translateY(-50%)}.inline-password-toggle:hover{opacity:1}.inline-form-row{flex-wrap:wrap;justify-content:space-between;margin-bottom:1.5rem}.inline-checkbox-group,.inline-form-row{align-items:center;gap:.5rem;display:flex}.inline-checkbox-group input[type=checkbox]{cursor:pointer;accent-color:#3b82f6;width:auto}.inline-checkbox-group label{color:#fffc;cursor:pointer;margin:0;font-size:.9rem}.inline-link{color:#3b82f6;font-size:.9rem;text-decoration:none;transition:color .2s}.inline-link:hover{color:#60a5fa;text-decoration:underline}.inline-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;width:100%;margin-top:1rem;padding:1rem;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #3b82f64d}.inline-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 8px 25px #3b82f680}.inline-submit-btn:disabled{opacity:.6;cursor:not-allowed}.inline-switch-text{text-align:center;color:#fff9;margin-top:1.5rem;font-size:.9rem}.inline-switch-link{color:#3b82f6;margin-left:.3rem;font-weight:600;text-decoration:none;transition:color .2s}.inline-switch-link:hover{color:#60a5fa;text-decoration:underline}.inline-error{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d;border-radius:12px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:1rem;font-size:.9rem;animation:shakeError .5s;display:flex}@keyframes shakeError{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (max-width:768px){.auth-placeholder,.inline-auth-card{padding:2rem 1.5rem}.inline-auth-card h3{font-size:1.6rem}.placeholder-actions{flex-direction:column}.btn-placeholder-login,.btn-placeholder-signup{width:100%}}@media (max-width:640px){.auth-modal-container{max-width:95%;padding:2rem 1.5rem}.modal-header h2{font-size:1.5rem}.modal-form-row{flex-direction:column;align-items:flex-start;gap:.75rem}}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.auth-bg-gradient{z-index:0;background:linear-gradient(135deg,#1e3a5f,#2d4a5e 50%,#1a2332);position:fixed;inset:0}.auth-content-wrapper{z-index:1;width:100%;max-width:420px;animation:fadeInUp .6s ease-out;position:relative}.auth-form-direct{width:100%}.auth-title{color:#fff;text-align:left;margin-bottom:1.5rem;font-size:2rem;font-weight:600}.auth-error-message{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.auth-form-clean{flex-direction:column;gap:1rem;display:flex}.form-field{gap:.5rem}.form-field label{font-size:.875rem;font-weight:500}.form-field input,.form-field select{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;outline:none;padding:.75rem 1rem;font-size:1rem;transition:all .3s}.form-field input::-moz-placeholder{color:#ffffff80}.form-field input::placeholder{color:#ffffff80}.form-field input:focus,.form-field select:focus{background:#ffffff26;border-color:#6366f199;box-shadow:0 0 0 3px #6366f11a}.password-field-wrapper{align-items:center;display:flex;position:relative}.password-field-wrapper input{flex:1;padding-right:3rem}.password-toggle-btn{color:#fff9;cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.25rem;transition:color .2s;position:absolute;right:.75rem}.password-toggle-btn:hover{color:#ffffffe6}.password-strength-indicator{margin-top:.5rem}.strength-bar{background:#ffffff1a;border-radius:2px;height:4px;margin-bottom:.75rem;overflow:hidden}.strength-fill{height:100%;transition:all .3s}.password-requirements{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.requirement{color:#fff9;align-items:center;gap:.4rem;font-size:.75rem;display:flex}.requirement.met{color:#10b981}.req-icon{font-size:.875rem}.form-checkbox{align-items:flex-start;gap:.5rem;margin:.5rem 0;display:flex}.form-checkbox input[type=checkbox]{cursor:pointer;width:16px;height:16px;margin-top:.25rem}.form-checkbox label{color:#fffc;font-size:.875rem;line-height:1.4}.link-text{color:#6366f1;text-decoration:none;transition:color .2s}.link-text:hover{color:#818cf8;text-decoration:underline}.auth-submit-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;margin-top:.5rem;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s}.auth-submit-btn:hover:not(:disabled){background:#4338ca;transform:translateY(-2px);box-shadow:0 10px 20px #4f46e54d}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-alt-text{text-align:center;color:#fffc;margin:1.5rem 0 1rem;font-size:.875rem}.auth-link-text{color:#6366f1;font-weight:500;text-decoration:none;transition:color .2s}.auth-link-text:hover{color:#818cf8;text-decoration:underline}.auth-social-section{gap:1rem;margin-top:1.5rem;display:flex}.social-login-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:all .3s;display:flex}.social-login-btn:hover{background:#ffffff26;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.social-login-btn svg{flex-shrink:0}.google-btn:hover{border-color:#4285f480}.linkedin-btn:hover{border-color:#0a66c280}.microsoft-btn:hover{border-color:#f3f3f380}@media (max-width:640px){.auth-content-wrapper{max-width:100%;padding:0 1rem}.auth-title{font-size:1.75rem}.auth-social-section{flex-direction:column}.password-requirements{grid-template-columns:1fr}}.inline-auth-form{backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #3b82f633;border-radius:24px;max-width:480px;padding:3rem;transition:all .3s;animation:fadeInRight .6s ease-out;box-shadow:0 20px 60px #00000026,inset 0 0 0 1px #ffffff1a}.inline-auth-title{-webkit-text-fill-color:transparent;letter-spacing:-.03em;text-align:center;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:2.25rem;font-weight:800;line-height:1.2;animation:titleFadeIn .6s cubic-bezier(.16,1,.3,1);position:relative}@keyframes titleFadeIn{0%{opacity:0;transform:translateY(-15px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.inline-auth-subtitle{color:#64748b;letter-spacing:.01em;text-align:center;margin-top:4px;margin-bottom:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9375rem;font-weight:400;line-height:1.5;animation:subtitleFadeIn .6s cubic-bezier(.16,1,.3,1) .15s both}@keyframes subtitleFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.inline-error-message{color:#fca5a5;background:#ef444426;border:1px solid #ef444466;border-radius:8px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.inline-form-clean{flex-direction:column;gap:1rem;display:flex}.inline-form-field{flex-direction:column;gap:.5rem;display:flex}.inline-form-field label{color:#334155;margin-bottom:.25rem;font-size:.875rem;font-weight:600}.inline-form-field input,.inline-form-field select{color:#1e293b;background:#fff;border:2px solid #e2e8f0;border-radius:10px;outline:none;padding:.875rem 1rem;font-size:.9375rem;transition:all .3s;box-shadow:0 1px 3px #0000000d}.inline-form-field select option{color:#1e293b;background:#fff;padding:.5rem}.inline-form-field select option:checked{color:#fff;background:#3b82f6}.inline-form-field input::-moz-placeholder{color:#94a3b8}.inline-form-field input::placeholder{color:#94a3b8}.inline-form-field input:focus,.inline-form-field select:focus{background:#fff;border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 0 0 4px #3b82f626,0 2px 8px #3b82f61a}.inline-password-wrapper{align-items:center;display:flex;position:relative}.inline-password-wrapper input{flex:1;padding-right:3rem}.inline-password-toggle{color:#64748b;cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.25rem;transition:color .2s;position:absolute;right:.75rem}.inline-password-toggle:hover{color:#3b82f6}.inline-password-strength{margin-top:.75rem}.inline-form-checkbox{align-items:flex-start;gap:.5rem;margin:.5rem 0;display:flex}.inline-form-checkbox input[type=checkbox]{cursor:pointer;width:16px;height:16px;margin-top:.25rem}.inline-form-checkbox label{color:#475569;font-size:.875rem;line-height:1.5}.inline-link-text{color:#3b82f6;text-decoration:none;transition:color .2s}.inline-link-text:hover{color:#60a5fa;text-decoration:underline}.inline-auth-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;margin-top:.5rem;padding:1rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 8px 24px #3b82f659}.inline-auth-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-3px);box-shadow:0 12px 32px #3b82f673}.inline-auth-btn:disabled{opacity:.6;cursor:not-allowed}.inline-auth-alt{text-align:center;color:#64748b;margin:1.5rem 0 1rem;font-size:.875rem}.inline-auth-link{color:#3b82f6;font-weight:500;text-decoration:none;transition:color .2s}.inline-auth-link:hover{color:#60a5fa;text-decoration:underline}.inline-social-section{gap:.75rem;margin-top:1.5rem;display:flex}.inline-social-btn{color:#475569;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:all .3s;display:flex;box-shadow:0 2px 4px #0000000d}.inline-social-btn:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 16px #0000001a}.inline-social-btn svg{flex-shrink:0}.inline-social-btn.google:hover{border-color:#4285f480}.inline-social-btn.linkedin:hover{border-color:#0a66c280}.inline-social-btn.microsoft:hover{border-color:#f3f3f380}@media (max-width:1024px){.landing-hero-grid{grid-template-columns:1fr;gap:2rem}.inline-auth-form{max-width:100%;padding:2rem 1.5rem}}@media (max-width:640px){.inline-auth-title{font-size:2rem}.inline-auth-subtitle{font-size:.9375rem}.inline-social-section{flex-direction:column}.password-requirements{grid-template-columns:1fr}}.explore-navbar{z-index:1000;backdrop-filter:blur(20px);background:#111827f2;border-bottom:1px solid #ffffff1a;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 20px #0000004d}.explore-navbar-container{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex}.explore-page-wrapper{min-height:100vh;padding-top:0;position:relative;overflow-x:hidden}.explore-page-wrapper:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 20%,#3b82f626,#0000 40%),radial-gradient(circle at 80% 80%,#9333ea26,#0000 40%);position:fixed;inset:0}.explore-header{text-align:center;z-index:1;background:linear-gradient(135deg,#3b82f626,#9333ea26);border-bottom:1px solid #ffffff1a;margin-top:0;animation:fadeInDown .8s ease-out;position:relative}.explore-header:before{content:"";background:linear-gradient(90deg,#0000,#3b82f699 50%,#0000);height:2px;position:absolute;top:0;left:0;right:0}.explore-header-content h1{color:#fff;-webkit-text-fill-color:transparent;text-shadow:0 4px 20px #3b82f64d;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem;font-size:2.75rem;font-weight:800}.explore-header-content p{color:#ffffffd9;max-width:600px;margin:0 auto 2rem;font-size:1.15rem;font-weight:400}.explore-search-container{background:#fffffff2;border-radius:100px;align-items:center;max-width:600px;margin:0 auto;padding:.25rem;transition:all .3s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000026,0 2px 8px #0000001a}.explore-search-container:hover{transform:translateY(-1px);box-shadow:0 12px 32px #0003,0 4px 12px #0000001f}.explore-search-container:focus-within{transform:translateY(-1px);box-shadow:0 12px 32px #14b8a626,0 4px 12px #14b8a61a}.explore-search-input{color:#1c1c1c;letter-spacing:.01em;background:0 0;border:none;border-radius:100px;outline:none;flex:1;padding:.875rem 1.5rem;font-size:1rem;font-weight:400}.explore-search-input::-moz-placeholder{color:#78716c;font-weight:400}.explore-search-input::placeholder{color:#78716c;font-weight:400}.explore-search-button{color:#1c1c1c;cursor:pointer;background:#fff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s cubic-bezier(.22,1,.36,1);display:flex;box-shadow:0 2px 8px #00000014}.explore-search-button:hover{background:#fafaf9;transform:scale(1.05);box-shadow:0 4px 12px #0000001f}.explore-search-button:active{transform:scale(.98)}.explore-search-button svg{width:20px;height:20px}.explore-controls{z-index:1;max-width:1400px;margin:3rem auto;padding:0 2rem;animation:fadeInUp .8s ease-out .2s both;position:relative}.search-bar-container{margin-bottom:2rem;position:relative}.search-bar{color:#fff;backdrop-filter:blur(10px);background:#ffffff14;border:2px solid #ffffff26;border-radius:16px;width:100%;padding:1.125rem 1.5rem;font-size:1.05rem;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px #0000001a}.search-bar:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-2px);box-shadow:0 8px 15px #00000026}.search-bar:focus{background:#ffffff26;border-color:#3b82f6cc;outline:none;transform:translateY(-3px);box-shadow:0 0 0 4px #3b82f633,0 12px 25px #3b82f626}.search-bar::-moz-placeholder{color:#ffffff80}.search-bar::placeholder{color:#ffffff80}.filters-row{backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;flex-wrap:wrap;align-items:center;gap:1rem;padding:1.5rem;display:flex}.filter-select{color:#fff;cursor:pointer;backdrop-filter:blur(5px);background:#ffffff14;border:1.5px solid #fff3;border-radius:12px;min-width:150px;padding:.875rem 1.25rem;font-size:.95rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-select:hover{background:#ffffff26;border-color:#3b82f680;transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.filter-select:focus{border-color:#3b82f6cc;outline:none;box-shadow:0 0 0 3px #3b82f633}.filter-select option{color:#fff;background:#1a202c;padding:.5rem}.clear-filters-btn{color:#fca5a5;cursor:pointer;backdrop-filter:blur(5px);background:linear-gradient(135deg,#ef444440,#dc262640);border:1.5px solid #ef444480;border-radius:12px;margin-left:auto;padding:.875rem 1.75rem;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.clear-filters-btn:hover{color:#fff;background:linear-gradient(135deg,#ef444459,#dc262659);border-color:#ef4444b3;transform:translateY(-2px);box-shadow:0 6px 15px #ef44444d}.clear-filters-btn:active{transform:translateY(0)}.categories-scroll{z-index:1;max-width:1400px;margin:0 auto 2.5rem;padding:0 2rem;animation:fadeInUp .8s ease-out .3s both;position:relative;overflow-x:auto}.categories-scroll::-webkit-scrollbar{height:6px}.categories-scroll::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.categories-scroll::-webkit-scrollbar-thumb{background:#3b82f680;border-radius:3px}.categories-scroll::-webkit-scrollbar-thumb:hover{background:#3b82f6b3}.categories-container{gap:1rem;padding-bottom:.75rem;display:flex}.category-chip{color:#ffffffd9;white-space:nowrap;cursor:pointer;backdrop-filter:blur(5px);background:#ffffff14;border:1.5px solid #fff3;border-radius:24px;padding:.75rem 1.5rem;font-size:.925rem;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.category-chip:before{content:"";opacity:0;background:linear-gradient(135deg,#3b82f64d,#9333ea4d);transition:opacity .3s;position:absolute;inset:0}.category-chip:hover:before{opacity:1}.category-chip:hover{color:#fff;background:#ffffff26;border-color:#3b82f699;transform:translateY(-3px)scale(1.05);box-shadow:0 8px 20px #3b82f640}.category-chip.active{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-color:#0000;transform:translateY(-2px);box-shadow:0 8px 25px #3b82f680,0 0 0 1px #fff3}.category-chip.active:before{opacity:0}.results-info{margin:0 auto 1.5rem}.results-info p{color:#ffffffb3;font-size:.95rem}.explore-courses-section{padding:0 2rem 4rem}.courses-grid{z-index:1;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2rem;display:grid;position:relative}.explore-card{backdrop-filter:blur(20px);background:#30395099;border:1.5px solid #ffffff14;border-radius:16px;flex-direction:column;gap:0;height:100%;padding:0;transition:all .4s cubic-bezier(.4,0,.2,1);animation:fadeInScale .6s ease-out both;display:flex;position:relative;overflow:hidden}.explore-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#8b5cf61a,#0000);border-radius:16px;transition:opacity .4s;position:absolute;inset:0}.explore-card:hover:before{opacity:1}.explore-card:hover{background:#37415ab3;border-color:#8b5cf64d;transform:translateY(-8px);box-shadow:0 20px 45px #0006,0 0 60px #8b5cf626}.card-top,.course-icon,.explore-card:hover .course-icon{display:none}.course-level{color:#fffffff2;text-transform:capitalize;letter-spacing:.6px;white-space:nowrap;background:linear-gradient(135deg,#8b5cf680,#a855f759);border:1px solid #8b5cf680;border-radius:20px;flex-shrink:0;padding:.5rem 1.1rem;font-size:.75rem;font-weight:800;transition:all .3s}.explore-card:hover .course-level{background:linear-gradient(135deg,#8b5cf6b3,#a855f780);box-shadow:0 6px 16px #8b5cf666}.course-title{color:#fff;-webkit-line-clamp:2;line-clamp:2;letter-spacing:-.3px;-webkit-box-orient:vertical;margin:.3rem 0 0;font-size:1.35rem;font-weight:800;line-height:1.35;transition:color .3s;display:-webkit-box;overflow:hidden}.explore-card:hover .course-title{color:#e0e7ff}.course-instructor{color:#fffc;align-items:center;gap:.7rem;margin:.4rem 0 .6rem;font-size:.95rem;font-weight:600;transition:color .3s;display:flex}.instructor-avatar{color:#fff;background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:800;display:flex}.explore-card:hover .course-instructor{color:#fffffff2}.course-description{color:#ffffffb8;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 1rem;font-size:.9rem;line-height:1.5;transition:color .3s;display:-webkit-box;overflow:hidden}.explore-card:hover .course-description{color:#ffffffd9}.course-stats{border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;justify-content:space-between;gap:.8rem;margin-bottom:1rem;padding:1.2rem 0}.course-stats,.stat-item{align-items:center;display:flex}.stat-item{color:#ffffffbf;gap:.5rem;font-size:.9rem;font-weight:600;transition:color .3s}.stat-icon{opacity:.9;font-size:1.1rem}.stat-badge{color:#1f2937;text-transform:uppercase;letter-spacing:.7px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:8px;flex-shrink:0;padding:.55rem .95rem;font-size:.8rem;font-weight:900;box-shadow:0 6px 16px #fbbf2466}.explore-card:hover .stat-item{color:#ffffffe6}.course-footer{gap:1rem;margin-top:auto}.course-footer,.course-price{flex-direction:column;display:flex}.course-price{gap:.2rem}.price-free{color:#10b981;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:700;display:none}.price-free.show{display:inline}.price{color:#8b5cf6;letter-spacing:-.5px;font-size:1.8rem;font-weight:900;transition:color .3s}.explore-card:hover .price{color:#a78bfa}.course-actions{gap:.75rem;width:100%}.btn-sm{cursor:pointer;white-space:nowrap;text-align:center;text-transform:uppercase;letter-spacing:.6px;border:none;border-radius:10px;flex:1;padding:.9rem 1.5rem;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 15px #0003}.btn-sm:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff26,#0000);transition:opacity .3s;position:absolute;inset:0}.btn-primary{color:#fff;background:linear-gradient(135deg,#5b7aff,#7c5aff);box-shadow:0 6px 20px #5b7aff66}.btn-primary:hover{background:linear-gradient(135deg,#6b8aff,#8c6aff);box-shadow:0 10px 30px #5b7aff80}.btn-secondary{color:#fff;background:#ffffff14;border:1.5px solid #fff3;box-shadow:0 4px 12px #0000001a}.btn-secondary:hover{background:#ffffff1f;border-color:#8b5cf680;box-shadow:0 8px 20px #8b5cf633}.course-content,.course-header,.course-thumbnail,.free-badge{display:none}.no-courses-message{padding:4rem 2rem}.empty-state{flex-direction:column;align-items:center;gap:1rem;display:flex}.empty-icon{opacity:.5;font-size:4rem}.empty-state h3{color:#fff;margin:0;font-size:1.5rem}.empty-state p{color:#ffffffb3;margin:0;font-size:1rem}.scroll-fade-up{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(30px)}.scroll-fade-up.visible{opacity:1;transform:translateY(0)}.scroll-fade-left{opacity:0;transition:opacity .6s,transform .6s;transform:translate(-30px)}.scroll-fade-left.visible{opacity:1;transform:translate(0)}.scroll-fade-right{opacity:0;transition:opacity .6s,transform .6s;transform:translate(30px)}.scroll-fade-right.visible{opacity:1;transform:translate(0)}@media (max-width:1024px){.filters-row{flex-direction:column;align-items:stretch}.clear-filters-btn,.filter-select{width:100%}.clear-filters-btn{margin-left:0}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.explore-header-content h1{font-size:2.25rem}}@media (max-width:768px){.explore-header{padding:3rem 1.5rem 2rem}.explore-header-content h1{font-size:2rem}.explore-header-content p{font-size:1rem}.explore-search-container{max-width:100%}.explore-search-input{padding:.75rem 1.25rem;font-size:.9375rem}.explore-search-button{width:44px;height:44px}.categories-scroll,.explore-controls{padding:0 1.5rem}.explore-courses-section{padding:0 1.5rem 4rem}}@media (max-width:640px){.explore-header-content h1{font-size:1.75rem}.explore-search-container{padding:.2rem}.explore-search-input{padding:.625rem 1rem;font-size:.875rem}.explore-search-button{width:42px;height:42px}.courses-grid{grid-template-columns:1fr}.course-actions{flex-direction:column;width:100%}.btn-sm{justify-content:center;width:100%}.filters-row{padding:1rem}.empty-state{padding:2rem 1.5rem}.empty-icon{font-size:3.5rem}.empty-state h3{font-size:1.5rem}}@media (max-width:480px){.course-footer{flex-direction:column;align-items:flex-start;gap:1rem}.course-actions,.course-price{width:100%}}.results-info{z-index:1;max-width:1400px;margin:0 auto 2rem;padding:0 2rem;animation:fadeInUp .8s ease-out .4s both;position:relative}.results-info p{color:#ffffffbf;backdrop-filter:blur(5px);background:#ffffff0d;border-left:3px solid #3b82f699;border-radius:8px;padding:.75rem 1.25rem;font-size:1rem;font-weight:500;display:inline-block}.explore-courses-section{z-index:1;max-width:1400px;margin:0 auto;padding:0 2rem 5rem;position:relative}.no-courses-message{text-align:center;padding:5rem 2rem;animation:fadeInUp .8s ease-out}.empty-state{backdrop-filter:blur(10px);background:#ffffff0d;border:2px dashed #fff3;border-radius:24px;max-width:500px;margin:0 auto}.empty-icon{filter:drop-shadow(0 4px 12px #0000004d);animation:float 3s ease-in-out infinite}.empty-state h3{font-weight:700}.empty-state p{line-height:1.6}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:100vh;display:flex}.loading-container p{color:#fffc;font-size:1.125rem;font-weight:500}.spinner{border:4px solid #ffffff1a;border-top-color:#3b82f6;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}.auth-modal-overlay{backdrop-filter:blur(8px);z-index:10000;background:#000c;justify-content:center;align-items:center;padding:1rem;animation:fadeIn .3s ease-out;display:flex;position:fixed;inset:0}.auth-modal-content{backdrop-filter:blur(20px);text-align:center;background:linear-gradient(135deg,#1f2937fa,#111827fa);border:2px solid #3b82f64d;border-radius:24px;width:100%;max-width:480px;padding:3rem 2.5rem;animation:slideUp .4s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 25px 50px #00000080,0 0 0 1px #ffffff1a,0 0 80px #3b82f64d}.auth-modal-close{color:#fffc;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.25rem;transition:all .3s;display:flex;position:absolute;top:1.25rem;right:1.25rem}.auth-modal-close:hover{color:#ef4444;background:#ef444433;border-color:#ef444480;transform:rotate(90deg)}.auth-modal-icon{filter:drop-shadow(0 4px 12px #3b82f666);margin-bottom:1.5rem;font-size:4rem;animation:bounce 2s ease-in-out infinite}.auth-modal-title{color:#fff;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;margin:0 0 1rem;font-size:1.875rem;font-weight:700}.auth-modal-message{color:#fffc;margin:0 0 2rem;padding:0 1rem;font-size:1.05rem;line-height:1.6}.auth-modal-actions{flex-direction:column;gap:1rem;display:flex}.auth-modal-btn{cursor:pointer;border:none;border-radius:12px;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.auth-modal-btn:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff1a,#0000);transition:opacity .3s;position:absolute;inset:0}.auth-modal-btn:hover:before{opacity:1}.auth-modal-login{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 8px 20px #3b82f666}.auth-modal-login:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-3px);box-shadow:0 12px 30px #3b82f680}.auth-modal-login:active{transform:translateY(-1px)}.auth-modal-signup{color:#fff;background:#ffffff14;border:2px solid #fff3;box-shadow:0 4px 12px #0003}.auth-modal-signup:hover{background:#ffffff1f;border-color:#9333ea80;transform:translateY(-3px);box-shadow:0 8px 20px #9333ea4d}.auth-modal-signup:active{transform:translateY(-1px)}@media (max-width:640px){.auth-modal-content{padding:2.5rem 1.5rem}.auth-modal-icon{font-size:3rem}.auth-modal-title{font-size:1.5rem}.auth-modal-message{font-size:.95rem}.auth-modal-btn{padding:.875rem 1.5rem}}.profile-section-container{max-width:1400px;margin:0 auto;padding:2rem}.profile-nav-tabs{backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;flex-wrap:wrap;gap:12px;margin:2rem 0;padding:1rem;display:flex;overflow-x:auto}.profile-nav-tabs button{cursor:pointer;white-space:nowrap;color:#fffc;background:#ffffff14;border:1px solid #fff3;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-nav-tabs button:hover{color:#fff;background:#ffffff1f;border-color:#3b82f680;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.profile-nav-tabs button.active{color:#fff;background:linear-gradient(135deg,#3b82f64d,#6366f14d);border-color:#3b82f680;font-weight:600;box-shadow:0 4px 15px #3b82f666}.profile-content-area{backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;min-height:500px;padding:2.5rem;box-shadow:0 8px 32px #0000004d}.section-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.section-header-row h2{color:#fff;text-shadow:0 2px 4px #0000004d;margin:0;font-size:1.75rem;font-weight:700}.section-desc{color:#ffffffb3;margin:.5rem 0 1.5rem;font-size:.95rem}.btn-cancel,.btn-edit,.btn-save{cursor:pointer;border:none;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0003}.btn-edit{color:#fff;background:linear-gradient(135deg,#3b82f6,#6366f1);border:1px solid #3b82f64d}.btn-edit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f680}.btn-save{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border:1px solid #10b9814d;margin-right:10px}.btn-save:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98180}.btn-save:disabled{cursor:not-allowed;opacity:.6;background:#6b728080;transform:none}.btn-cancel{color:#fff;background:#ef444433;border:1px solid #ef44444d}.btn-cancel:hover{background:#ef44444d;border-color:#ef444480;transform:translateY(-2px)}.btn-danger{color:#fff!important;background:linear-gradient(135deg,#ef4444,#dc2626)!important;border:1px solid #ef44444d!important}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444480!important}.edit-actions{gap:12px;display:flex}.profile-photo-section{justify-content:center;margin:2rem 0;display:flex}.photo-container{text-align:center;position:relative}.profile-photo-large{-o-object-fit:cover;object-fit:cover;border:4px solid #3b82f680;border-radius:50%;width:150px;height:150px;transition:all .3s;box-shadow:0 8px 24px #0006,0 0 0 8px #3b82f61a}.profile-photo-large:hover{transform:scale(1.05);box-shadow:0 12px 32px #00000080,0 0 0 8px #3b82f633}.photo-upload-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#6366f1);border:1px solid #3b82f64d;border-radius:12px;margin-top:1rem;padding:10px 24px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block;box-shadow:0 4px 12px #0003}.photo-upload-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f680}.profile-form-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.form-field{flex-direction:column;display:flex}.form-field.full-width{grid-column:1/-1}.form-field label{color:#ffffffe6;margin-bottom:8px;font-size:14px;font-weight:600}.form-field input,.form-field select,.form-field textarea{color:#fff;background:#ffffff14;border:1px solid #fff3;border-radius:12px;padding:12px 15px;font-size:14px;transition:all .3s}.form-field input::-moz-placeholder,.form-field select::-moz-placeholder,.form-field textarea::-moz-placeholder{color:#fff6}.form-field input::placeholder,.form-field select::placeholder,.form-field textarea::placeholder{color:#fff6}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{background:#ffffff1f;border-color:#3b82f699;outline:none;box-shadow:0 0 0 3px #3b82f626}.form-field input:disabled,.form-field select:disabled,.form-field textarea:disabled{color:#ffffff80;cursor:not-allowed;background:#ffffff08;border-color:#ffffff1a}.form-field input.editable,.form-field select.editable,.form-field textarea.editable{color:#fff;background:#ffffff1f;border-color:#3b82f666}.form-field input.readonly-field{color:#ffffff80;cursor:not-allowed;background:#ffffff08;border-color:#ffffff1a}.subjects-tags{flex-wrap:wrap;gap:12px;margin-top:10px;display:flex}.subject-tag{cursor:pointer;background:#f0f0f0;border:2px solid #ddd;border-radius:8px;align-items:center;gap:8px;padding:10px 15px;transition:all .3s;display:flex}.subject-tag:hover{background:#e3f2fd;border-color:#2196f3}.subject-tag input[type=checkbox]:checked+span{color:#2196f3;font-weight:600}.enrolled-courses-list{flex-direction:column;gap:20px;margin-top:20px;display:flex}.enrolled-course-card{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;gap:20px;padding:20px;transition:all .3s;display:flex}.enrolled-course-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.course-thumbnail{flex-shrink:0}.course-thumbnail img{-o-object-fit:cover;object-fit:cover;border-radius:8px;width:150px;height:100px}.course-details{flex:1}.course-details h3{color:#2c3e50;margin:0 0 10px;font-size:20px}.course-instructor{color:#7f8c8d;margin-bottom:15px;font-size:14px}.course-progress-info{margin-bottom:15px}.progress-bar-container{background:#e0e0e0;border-radius:10px;width:100%;height:10px;margin-bottom:8px}.progress-bar-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:10px;transition:width .3s}.progress-text{color:#7f8c8d;font-size:13px;font-weight:600}.course-meta-info{color:#7f8c8d;flex-wrap:wrap;gap:20px;margin-bottom:15px;font-size:13px;display:flex}.course-actions{flex-wrap:wrap;gap:10px;display:flex}.performance-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin:25px 0;display:grid}.stat-card-performance{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;align-items:center;gap:20px;padding:25px;transition:all .3s;display:flex;box-shadow:0 4px 15px #667eea4d}.stat-card-performance:hover{transform:translateY(-5px);box-shadow:0 6px 20px #667eea66}.stat-icon{font-size:40px}.stat-content h3{margin:0;font-size:32px;font-weight:700}.stat-content p{opacity:.9;margin:5px 0 0;font-size:14px}.recent-scores-section{margin-top:40px}.recent-scores-section h3{color:#2c3e50;margin-bottom:20px}.scores-table{border-collapse:collapse;background:#ffffff14;border-radius:8px;width:100%;overflow:hidden;box-shadow:0 2px 8px #0000004d}.scores-table thead{color:#fff;background:#667eea}.scores-table td,.scores-table th{text-align:left;padding:15px}.scores-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .3s}.scores-table tbody tr:hover{background:#f8f9fa}.score-badge{border-radius:6px;padding:5px 12px;font-size:13px;font-weight:600}.score-badge.high{color:#155724;background:#d4edda}.score-badge.medium{color:#856404;background:#fff3cd}.status-badge.passed{color:#fff;background:#27ae60;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600}.badges-section{margin-bottom:40px}.badges-section h3{color:#2c3e50;margin-bottom:20px}.badges-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;display:grid}.badge-card{text-align:center;background:#ffffff14;border:2px solid #ffffff1f;border-radius:12px;padding:20px;transition:all .3s}.badge-card.earned{background:linear-gradient(135deg,#ffeaa7,#fdcb6e);border-color:#f39c12}.badge-card.locked{opacity:.5;filter:grayscale()}.badge-card:hover{transform:translateY(-5px);box-shadow:0 4px 15px #00000026}.badge-icon{margin-bottom:10px;font-size:50px}.badge-card h4{color:#2c3e50;margin:10px 0 5px}.badge-card p{color:#7f8c8d;margin:0;font-size:12px}.badge-locked{color:#e74c3c;margin-top:10px;font-size:12px;font-weight:600;display:inline-block}.certificates-section{margin-top:40px}.certificates-section h3{color:#2c3e50;margin-bottom:20px}.certificates-list{flex-direction:column;gap:15px;display:flex}.certificate-card{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;align-items:center;gap:20px;padding:20px;transition:all .3s;display:flex}.certificate-card:hover{transform:translate(5px);box-shadow:0 4px 15px #0000001a}.certificate-icon{font-size:40px}.certificate-info{flex:1}.certificate-info h4{color:#2c3e50;margin:0 0 5px}.certificate-info p{color:#7f8c8d;margin:0;font-size:13px}.btn-download-cert{color:#fff;cursor:pointer;background:#27ae60;border:none;border-radius:8px;padding:10px 20px;font-weight:600;transition:all .3s}.btn-download-cert:hover{background:#229954;transform:translateY(-2px)}.subscription-card{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;margin-bottom:30px;padding:30px;box-shadow:0 4px 15px #667eea4d}.subscription-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.subscription-header h3{margin:0;font-size:24px}.plan-name{font-weight:700}.plan-badge{background:#27ae60;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600}.subscription-details p{margin:12px 0;font-size:15px}.subscription-card button{color:#a78bfa;cursor:pointer;background:#ffffff26;border:1px solid #fff3;border-radius:8px;margin-top:20px;padding:12px 24px;font-weight:600;transition:all .3s}.subscription-card button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.payment-history-section h3{color:#2c3e50;margin-bottom:20px}.payment-table{border-collapse:collapse;background:#ffffff14;border-radius:8px;width:100%;overflow:hidden;box-shadow:0 2px 8px #0000004d}.payment-table thead{color:#fff;background:#667eea}.payment-table td,.payment-table th{text-align:left;padding:15px}.payment-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .3s}.payment-table tbody tr:hover{background:#f8f9fa}.payment-status{border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600}.payment-status.success{color:#155724;background:#d4edda}.btn-download-invoice{color:#fff;cursor:pointer;background:#3498db;border:none;border-radius:6px;padding:8px 16px;font-size:13px;transition:all .3s}.btn-download-invoice:hover{background:#2980b9}.settings-section-group{margin-bottom:40px}.settings-section-group h3{color:#2c3e50;margin-bottom:20px;font-size:20px}.setting-item{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:15px;padding:20px;transition:all .3s;display:flex}.setting-item:hover{box-shadow:0 4px 12px #00000014}.setting-info h4{color:#2c3e50;margin:0 0 5px;font-size:16px}.setting-info p{color:#7f8c8d;margin:0;font-size:13px}.setting-toggle-item{border-bottom:1px solid #e0e0e0;padding:15px 0}.setting-toggle-item:last-child{border-bottom:none}.setting-toggle-item label{cursor:pointer;color:#2c3e50;align-items:center;gap:12px;font-size:15px;display:flex}.setting-toggle-item input[type=checkbox]{cursor:pointer;width:20px;height:20px}.support-actions-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px;display:grid}.support-card{text-align:center;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;padding:25px;transition:all .3s}.support-card:hover{transform:translateY(-5px);box-shadow:0 4px 15px #0000001a}.support-icon{margin-bottom:15px;font-size:50px}.support-card h3{color:#2c3e50;margin:15px 0 10px;font-size:18px}.support-card p{color:#7f8c8d;margin-bottom:15px;font-size:13px}.recent-tickets-section h3{color:#2c3e50;margin-bottom:20px}.tickets-list{flex-direction:column;gap:15px;display:flex}.ticket-item{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;justify-content:space-between;align-items:center;padding:20px;transition:all .3s;display:flex}.ticket-item:hover{box-shadow:0 4px 12px #00000014}.ticket-info h4{color:#2c3e50;margin:0 0 5px;font-size:16px}.ticket-info p{color:#7f8c8d;margin:0;font-size:13px}.ticket-status{border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600}.ticket-status.resolved{color:#155724;background:#d4edda}.ticket-status.pending{color:#856404;background:#fff3cd}.parent-access-card,.parent-dashboard-toggle,.parent-reports-section{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;margin-bottom:25px;padding:25px}.parent-access-card h3,.parent-dashboard-toggle h3,.parent-reports-section h3{color:#2c3e50;margin:0 0 20px;font-size:18px}.activity-section{margin-bottom:40px}.activity-section h3{color:#2c3e50;margin-bottom:20px}.activity-table{border-collapse:collapse;background:#ffffff14;border-radius:8px;width:100%;overflow:hidden;box-shadow:0 2px 8px #0000004d}.activity-table thead{color:#fff;background:#667eea}.activity-table td,.activity-table th{text-align:left;padding:15px;font-size:13px}.activity-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .3s}.activity-table tbody tr:hover{background:#f8f9fa}.activity-status{border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600}.activity-status.success{color:#155724;background:#d4edda}.activity-timeline{padding-left:40px;position:relative}.activity-item{padding-bottom:30px;position:relative}.activity-item:last-child{padding-bottom:0}.activity-dot{background:#667eea;border:3px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;left:-40px;box-shadow:0 0 0 2px #667eea}.activity-item:before{content:"";background:#e0e0e0;width:2px;height:calc(100% - 16px);position:absolute;top:16px;left:-32px}.activity-item:last-child:before{display:none}.activity-content h4{color:#2c3e50;margin:0 0 5px;font-size:16px}.activity-content p{color:#7f8c8d;margin:0;font-size:13px}.insights-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.insight-item{backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;align-items:flex-start;gap:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.insight-item:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff14,#ffffff05);border-radius:16px;transition:opacity .3s;position:absolute;inset:0}.insight-item:hover{border-color:#fff3;transform:translateY(-4px);box-shadow:0 12px 28px #00000040,0 0 0 1px #ffffff26}.insight-item:hover:before{opacity:1}.insight-icon{z-index:1;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative;box-shadow:0 8px 20px #0000004d}.insight-content{z-index:1;flex:1;min-width:0;position:relative}.insight-content h4{color:#ffffffb3;text-transform:uppercase;letter-spacing:1px;margin:0 0 8px;font-size:11px;font-weight:600}.insight-value{color:#fff;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 4px #0000001a;margin:0 0 6px;font-size:24px;font-weight:700;line-height:1.2;overflow:hidden}.insight-detail{color:#fff9;font-size:13px;font-weight:500;display:inline-block}.insight-chart-full{grid-column:1/-1;padding:20px}.insight-chart-container{width:100%}.chart-header{z-index:1;align-items:flex-start;margin-bottom:20px;position:relative}.chart-header h4{color:#ffffffe6;letter-spacing:-.3px;margin:0 0 4px;font-size:16px;font-weight:700}.chart-subtitle{color:#ffffff80;margin:0;font-size:13px}.chart-stats{text-align:right}.chart-total{color:#a5b4fc;background:#667eea33;border:1px solid #667eea4d;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-block}.mini-chart{width:100%;height:100px;margin-bottom:12px;position:relative}.trend-chart{filter:drop-shadow(0 2px 8px #667eea4d);width:100%;height:100%}.chart-empty{color:#fff6;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;display:flex}.chart-empty p{margin:0;font-size:13px;font-weight:500}.chart-labels{z-index:1;justify-content:space-between;padding:0 5px;display:flex;position:relative}.chart-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}@media (max-width:768px){.insights-grid{grid-template-columns:1fr}.chart-header{flex-direction:column;gap:12px}.chart-stats{text-align:left}}.empty-state-card{text-align:center;background:#f8f9fa;border:2px dashed #e0e0e0;border-radius:12px;padding:60px 20px}.empty-state-card p{color:#7f8c8d;margin-bottom:20px;font-size:16px}.loading-state{color:#7f8c8d;padding:60px 20px;font-size:18px}@media (max-width:768px){.profile-nav-tabs{flex-wrap:nowrap;overflow-x:auto}.profile-form-grid{grid-template-columns:1fr}.enrolled-course-card{flex-direction:column}.course-thumbnail img{width:100%;height:auto}.performance-stats-grid{grid-template-columns:1fr}.setting-item{flex-direction:column;align-items:flex-start;gap:15px}.support-actions-grid{grid-template-columns:1fr}}.modern-card{border-radius:20px;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.modern-card-default{box-shadow:var(--shadow);background:#ffffff14;border:1px solid #ffffff1f}.modern-card-glass{backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #fff3;box-shadow:0 10px 40px #0000004d}.modern-card-gradient{backdrop-filter:blur(10px);background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border:1px solid #fff3}.modern-card-hover{cursor:pointer}.modern-card-hover:hover{transform:translateY(-5px);box-shadow:0 20px 50px #0003}.modern-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;font-family:inherit;font-weight:600;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.modern-btn:disabled{opacity:.6;cursor:not-allowed}.modern-btn-sm{padding:.5rem 1rem;font-size:.875rem}.modern-btn-md{padding:.75rem 1.5rem;font-size:1rem}.modern-btn-lg{padding:1rem 2rem;font-size:1.125rem}.modern-btn-full{width:100%}.modern-btn-primary{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 6px 20px #3b82f666}.modern-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 10px 30px #3b82f699}.modern-btn-secondary{color:#fff;backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d}.modern-btn-secondary:hover:not(:disabled){background:#ffffff26;border-color:#ffffff80;transform:translateY(-2px)}.modern-btn-outline{color:#3b82f6;background:0 0;border:2px solid #3b82f6}.modern-btn-outline:hover:not(:disabled){background:#3b82f61a;transform:translateY(-2px)}.modern-btn-ghost{color:#ffffffd9;background:0 0}.modern-btn-ghost:hover:not(:disabled){background:#ffffff1a}.modern-btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 6px 20px #ef444466}.modern-btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #ef444499}.modern-btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:1rem;height:1rem;animation:spin .6s linear infinite}.modern-input-wrapper{flex-direction:column;gap:.5rem;width:100%;display:flex}.modern-input-label{color:#ffffffe6;font-size:.95rem;font-weight:500}.modern-input-container{align-items:center;display:flex;position:relative}.modern-input{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;width:100%;padding:1rem;font-family:inherit;font-size:.95rem;transition:all .3s}.modern-input-with-icon{padding-left:3rem}.modern-input:focus{background:#ffffff26;border-color:#3b82f680;outline:none;box-shadow:0 0 0 3px #3b82f626}.modern-input::-moz-placeholder{color:#ffffff80}.modern-input::placeholder{color:#ffffff80}.modern-input-icon{opacity:.7;pointer-events:none;font-size:1.1rem;position:absolute;left:1rem}.modern-input-password-toggle{opacity:.7;cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.1rem;transition:opacity .3s;position:absolute;right:1rem}.modern-input-password-toggle:hover{opacity:1}.modern-input-error{border-color:#ef4444}.modern-input-error-text{color:#ef4444;font-size:.875rem}.navbar-transparent{background:0 0;border-bottom:1px solid #ffffff0d}.navbar-right-section{align-items:center;gap:1rem;display:flex}.profile-menu-wrapper{position:relative}.profile-button{cursor:pointer;color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:30px;align-items:center;gap:.75rem;padding:.5rem 1rem;transition:all .3s;display:flex}.profile-button:hover{background:#ffffff26;border-color:#ffffff4d}.profile-avatar{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:600;display:flex;overflow:hidden}.profile-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.profile-name{text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:.95rem;font-weight:500;overflow:hidden}.dropdown-arrow{opacity:.7;font-size:.75rem;transition:transform .3s}.profile-button:hover .dropdown-arrow{transform:translateY(2px)}.profile-dropdown{backdrop-filter:blur(20px);z-index:1000;background:#2a3042fa;border:1px solid #fff3;border-radius:16px;min-width:250px;padding:1rem;animation:dropdownFadeIn .3s;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 10px 40px #0006}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown-header{padding-bottom:1rem}.profile-dropdown-name{color:#fff;margin-bottom:.25rem;font-size:1rem;font-weight:600}.profile-dropdown-email{color:#fff9;margin-bottom:.5rem;font-size:.875rem}.profile-dropdown-role{color:#3b82f6;text-transform:uppercase;background:#3b82f633;border:1px solid #3b82f64d;border-radius:12px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.profile-dropdown-divider{background:#ffffff1a;height:1px;margin:.75rem 0}.profile-dropdown-item{color:#ffffffd9;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;text-decoration:none;transition:all .2s;display:flex}.profile-dropdown-item:hover{color:#fff;background:#ffffff1a}.profile-dropdown-item.logout{color:#ef4444}.profile-dropdown-item.logout:hover{background:#ef44441a}.modern-page-container{background:linear-gradient(135deg,#1f2937,#2d3748 50%,#1a202c);min-height:100vh;padding-top:80px;position:relative}.modern-page-content{max-width:1400px;margin:0 auto;padding:2rem}.modern-page-header{margin-bottom:2rem}.modern-page-title{color:#fff;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.modern-page-subtitle{color:#ffffffb3;font-size:1.1rem}.modern-grid{gap:2rem;display:grid}.modern-grid-2{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.modern-grid-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.modern-grid-4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media (max-width:1024px){.navbar-center-links{gap:1.5rem}.profile-name{display:none}.modern-page-title{font-size:2rem}}@media (max-width:768px){.landing-navbar-content{flex-wrap:wrap;gap:1rem}.navbar-center-links{border-top:1px solid #ffffff1a;order:3;justify-content:space-around;width:100%;padding-top:1rem}.modern-page-title{font-size:1.75rem}.modern-grid-2,.modern-grid-3,.modern-grid-4{grid-template-columns:1fr}}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.fixed\!{position:fixed!important}.relative{position:relative}.static{position:static}.sticky{position:sticky}.isolate{isolation:isolate}.container{width:100%}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table\!{display:table!important}.min-h-screen{min-height:100vh}.flex-shrink{flex-shrink:1}.grow{flex-grow:1}.grow\!{flex-grow:1!important}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e+38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-current{border-color:currentColor}.border-t-transparent{border-top-color:#0000}.bg-transparent{background-color:#0000}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.text-center{text-align:center}.break-all{word-break:break-all}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{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{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.active\:scale-\[0\.98\]:active{scale:.98}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@layer utilities{.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-500{animation-delay:.5s}.animate-delay-700{animation-delay:.7s}.animate-delay-1000{animation-delay:1s}.glass-effect{-webkit-backdrop-filter:blur(12px)saturate(180%);background:#ffffff1a;border:1px solid #fff3}.glass-dark{-webkit-backdrop-filter:blur(16px)saturate(150%);background:#0003;border:1px solid #ffffff1a}.glass-card{-webkit-backdrop-filter:blur(10px)saturate(170%);background:#ffffff14;border:1px solid #ffffff26}.gpu-accelerated{will-change:transform;backface-visibility:hidden;transform:translateZ(0)}.gpu-transform{will-change:transform;transform:translate(0)}.smooth-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.text-glow{text-shadow:0 0 20px #6366f180}.text-shadow{text-shadow:0 2px 4px #0000004d}.text-gradient{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a855f7);-webkit-background-clip:text;background-clip:text}.transition-smooth{transition:all .3s cubic-bezier(.16,1,.3,1)}.transition-colors-smooth{transition:color .25s,background-color .25s,border-color .25s}.transition-transform-smooth{transition:transform .3s cubic-bezier(.16,1,.3,1)}.transition-opacity-smooth{transition:opacity .3s cubic-bezier(.16,1,.3,1)}.transition-shadow-smooth{transition:box-shadow .3s cubic-bezier(.16,1,.3,1)}.hover-lift{transition:opacity .2s}.hover-lift:hover{opacity:1}.hover-glow{transition:opacity .2s}.hover-glow:hover{opacity:1}.hover-scale{transition:opacity .2s}.hover-scale:hover{opacity:1}.hover-scale-sm{transition:opacity .2s}.hover-scale-sm:hover{opacity:1}.hover-bright{transition:opacity .2s}.hover-bright:hover{opacity:1}.click-scale{transition:transform .15s}.click-scale:active{transform:scale(.97)}.click-press{transition:transform .1s ease-out}.click-press:active{transform:scale(.95)translateY(2px)}.ripple-effect{position:relative;overflow:hidden}.ripple-effect:after{content:"";opacity:0;transform-origin:50%;background:#fff6;border-radius:100%;width:5px;height:5px;position:absolute;top:50%;left:50%;transform:scale(1)translate(-50%,-50%)}.ripple-effect:active:after{animation:rippleEffect .5s ease-out}@keyframes rippleEffect{0%{opacity:.6;transform:scale(0)translate(-50%,-50%)}to{opacity:0;transform:scale(40)translate(-50%,-50%)}}.skeleton-loading{background:linear-gradient(90deg,#ffffff0d,#ffffff1a 50%,#ffffff0d) 0 0/400% 100%;animation:skeleton 1.5s ease-in-out infinite}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-shimmer{background:linear-gradient(90deg,#0000,#ffffff26 50%,#0000) 0 0/200% 100%;animation:shimmerEffect 1.5s infinite}@keyframes shimmerEffect{0%{background-position:-200% 0}to{background-position:200% 0}}.loading-pulse{animation:pulseEffect 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulseEffect{0%,to{opacity:1}50%{opacity:.5}}.loading-spinner{border:2px solid #fff3;border-top-color:#6366f1;border-radius:50%;width:24px;height:24px;animation:spinEffect .8s linear infinite}@keyframes spinEffect{to{transform:rotate(1turn)}}.page-transition-enter{opacity:0;transform:translateY(20px)}.page-transition-enter-active{transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1)}.page-transition-enter-active,.page-transition-exit{opacity:1;transform:translateY(0)}.page-transition-exit-active{opacity:0;transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1);transform:translateY(-10px)}.scroll-fade-up{opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.scroll-fade-up.is-visible{opacity:1;transform:translateY(0)}.scroll-fade-left{opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transform:translate(40px)}.scroll-fade-left.is-visible{opacity:1;transform:translate(0)}.scroll-fade-right{opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transform:translate(-40px)}.scroll-fade-right.is-visible{opacity:1;transform:translate(0)}.scroll-scale{opacity:0;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);transform:scale(.92)}.scroll-scale.is-visible{opacity:1;transform:scale(1)}.scroll-blur{opacity:0;filter:blur(10px);transition:opacity .6s cubic-bezier(.16,1,.3,1),filter .6s cubic-bezier(.16,1,.3,1)}.scroll-blur.is-visible{opacity:1;filter:blur()}.stagger-children>:first-child{transition-delay:0s}.stagger-children>:nth-child(2){transition-delay:80ms}.stagger-children>:nth-child(3){transition-delay:.16s}.stagger-children>:nth-child(4){transition-delay:.24s}.stagger-children>:nth-child(5){transition-delay:.32s}.stagger-children>:nth-child(6){transition-delay:.4s}.stagger-children>:nth-child(7){transition-delay:.48s}.stagger-children>:nth-child(8){transition-delay:.56s}.card-interactive{transition:opacity .2s,border-color .3s}.card-interactive:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.card-glow{transition:opacity .2s}.card-glow:hover{opacity:1}.btn-premium{will-change:transform;transition:all .35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.btn-premium:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-premium:hover:before{left:100%}.btn-premium:hover{opacity:1}.btn-premium:active{transform:translateY(1px)scale(.98)}.focus-ring{transition:box-shadow .2s}.focus-ring:focus-visible{outline:none;box-shadow:0 0 0 3px #6366f166}.float-subtle{animation:floatSubtle 4s ease-in-out infinite}@keyframes floatSubtle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.glow-pulse{animation:glowPulse 3s ease-in-out infinite}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #6366f14d}50%{box-shadow:0 0 40px #6366f199}}.gradient-animate{background-size:200% 200%;animation:gradientShift 6s infinite}.link-underline{text-decoration:none;position:relative}.link-underline:after{content:"";background:currentColor;width:0;height:2px;transition:width .3s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0}.link-underline:hover:after{width:100%}.overlay-fade{opacity:0;transition:opacity .3s cubic-bezier(.16,1,.3,1)}.overlay-fade.is-active{opacity:1}.modal-scale{opacity:0;transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1);transform:scale(.95)translateY(10px)}.modal-scale.is-active{opacity:1;transform:scale(1)translateY(0)}.img-zoom{overflow:hidden}.img-zoom img{transition:transform .5s cubic-bezier(.16,1,.3,1)}.img-zoom:hover img{transform:scale(1.08)}.nav-item-effect{transition:color .3s;position:relative}.nav-item-effect:before{content:"";background:#6366f1;width:0;height:2px;transition:width .3s cubic-bezier(.16,1,.3,1),left .3s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-2px;left:50%}.nav-item-effect.active:before,.nav-item-effect:hover:before{width:100%;left:0}.tooltip-fade{opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;transform:translateY(5px)}.tooltip-trigger:hover .tooltip-fade{opacity:1;pointer-events:auto;transform:translateY(0)}.progress-animated{position:relative;overflow:hidden}.progress-animated:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:progressShine 2s infinite;position:absolute;inset:0}@keyframes progressShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.top-loading-bar{z-index:9999;background:linear-gradient(90deg,#6366f1,#8b5cf6,#a855f7);height:3px;transition:width .3s;position:fixed;top:0;left:0}.top-loading-bar.loading{animation:loadingProgress 2s ease-out forwards}@keyframes loadingProgress{0%{width:0}20%{width:30%}50%{width:60%}80%{width:85%}to{width:100%}}.dashboard-heading-fix{-webkit-text-fill-color:#111827!important;opacity:1!important;text-shadow:none!important;background:0 0!important}.dashboard-heading-fix,.student-sidebar .menu-btn,.student-sidebar .menu-btn svg{color:#111827!important}.student-sidebar .menu-btn:hover{color:#2563eb!important;background:#2563eb1a!important}.student-sidebar .menu-btn:hover svg{color:#2563eb!important}.student-sidebar .menu-btn.active,.student-sidebar .menu-btn.active svg{color:#fff!important}.student-sidebar .menu-btn:nth-child(2){color:#111827!important;opacity:1!important;visibility:visible!important}.student-sidebar .menu-btn.active:nth-child(2){color:#fff!important}}.dashboard-text-fix{color:#4b5563!important;opacity:1!important;text-shadow:none!important;visibility:visible!important}#live-classes-root .dashboard-heading-fix,#live-classes-root h1{color:#111827!important;-webkit-text-fill-color:#111827!important;text-shadow:none!important;background:0 0!important}.stat-card,.stat-card.live-stat{-webkit-backdrop-filter:none!important;background:#fff!important}.live-stat .stat-value,.live-stat p,.stat-card .stat-value,.stat-card p,.stat-value{color:#000!important;-webkit-text-fill-color:#000!important;text-shadow:none!important;opacity:1!important;filter:none!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;text-rendering:geometricPrecision!important;letter-spacing:-.02em!important;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-size:3rem!important;font-weight:900!important;line-height:1!important}.live-stat h3,.stat-card h3,.stat-header h3{color:#374151!important;-webkit-text-fill-color:#374151!important;text-shadow:none!important;opacity:1!important}.stat-label,.stat-trend{color:#6b7280!important;-webkit-text-fill-color:#6b7280!important;text-shadow:none!important}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes bounce{0%,20%,53%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateY(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translateY(-20px)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translateY(-10px)}80%{transform:translateY(0)}90%{transform:translateY(-4px)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounceInUp{0%{opacity:0;transform:translateY(50px)}60%{transform:translateY(-10px)}80%{transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 0 rgba(99,102,241,.4)}50%{box-shadow:0 0 20px 10px rgba(99,102,241,.2)}}@keyframes pulseBorder{0%,to{border-color:rgba(255,255,255,.2)}50%{border-color:rgba(99,102,241,.6)}}@keyframes glow{0%,to{box-shadow:0 0 15px rgba(99,102,241,.3)}50%{box-shadow:0 0 30px rgba(99,102,241,.6)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes wiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}75%{transform:rotate(-3deg)}}@keyframes wave{0%{transform:translateX(0) translateY(0)}25%{transform:translateX(-10px) translateY(10px)}50%{transform:translateX(0) translateY(15px)}75%{transform:translateX(10px) translateY(10px)}to{transform:translateX(0) translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes floatSoft{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(1deg)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes morph{0%,to{border-radius:20px}50%{border-radius:30px}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes elasticBounce{0%{transform:scale(1)}30%{transform:scale(1.25)}40%{transform:scale(.9)}50%{transform:scale(1.1)}65%{transform:scale(.95)}75%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes jello{0%,11.1%,to{transform:skewX(0deg) skewY(0deg)}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes progressBar{0%{width:0}to{width:var(--progress,100%)}}@keyframes skeletonLoading{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes attentionPulse{0%,to{transform:scale(1);box-shadow:0 0 0 0 rgba(59,130,246,.7)}70%{transform:scale(1.02);box-shadow:0 0 0 10px rgba(59,130,246,0)}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .5s ease-out forwards}.animate-fadeInUp{animation:fadeInUp .6s ease-out forwards}.animate-fadeInDown{animation:fadeInDown .6s ease-out forwards}.animate-fadeInLeft{animation:fadeInLeft .6s ease-out forwards}.animate-fadeInRight{animation:fadeInRight .6s ease-out forwards}.animate-fadeInScale{animation:fadeInScale .5s ease-out forwards}.animate-slideDown{animation:slideDown .6s ease-out forwards}.animate-slideUp{animation:slideUp .6s ease-out forwards}.animate-slideInLeft{animation:slideInFromLeft .5s ease-out forwards}.animate-slideInRight{animation:slideInFromRight .5s ease-out forwards}.animate-bounce{animation:bounce 1s ease infinite}.animate-bounceIn{animation:bounceIn .75s ease-out forwards}.animate-bounceInUp{animation:bounceInUp .8s ease-out forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-pulseGlow{animation:pulseGlow 2s ease-in-out infinite}.animate-scaleIn{animation:scaleIn .4s ease-out forwards}.animate-scaleOut{animation:scaleOut .3s ease-out forwards}.animate-spin{animation:spin 1s linear infinite}.animate-float{animation:floatSoft 3s ease-in-out infinite}.animate-shake{animation:shake .5s ease-in-out}.animate-wiggle{animation:wiggle .5s ease-in-out}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-attention{animation:attentionPulse 1.5s ease-in-out infinite}.animate-jello{animation:jello 1s ease-in-out}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.delay-700{animation-delay:.7s}.delay-800{animation-delay:.8s}.delay-900{animation-delay:.9s}.delay-1000{animation-delay:1s}.duration-100{animation-duration:.1s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.duration-400{animation-duration:.4s}.duration-500{animation-duration:.5s}.duration-700{animation-duration:.7s}.duration-1000{animation-duration:1s}.duration-1500{animation-duration:1.5s}.duration-2000{animation-duration:2s}.fill-forwards{animation-fill-mode:forwards}.fill-backwards{animation-fill-mode:backwards}.fill-both{animation-fill-mode:both}.animate-once{animation-iteration-count:1}.animate-infinite{animation-iteration-count:infinite}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.2)}.hover-scale{transition:transform .3s ease}.hover-scale:hover{transform:scale(1.05)}.hover-glow{transition:box-shadow .3s ease}.hover-glow:hover{box-shadow:0 0 25px rgba(99,102,241,.5)}.hover-rotate{transition:transform .3s ease}.hover-rotate:hover{transform:rotate(5deg)}.hover-bright{transition:filter .3s ease}.hover-bright:hover{filter:brightness(1.15)}.hover-border-glow{transition:border-color .3s ease,box-shadow .3s ease}.hover-border-glow:hover{border-color:rgba(99,102,241,.8);box-shadow:0 0 15px rgba(99,102,241,.3)}.hover-underline{position:relative}.hover-underline:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#2d4a6f,#1e3a5f);transition:width .3s ease}.hover-underline:hover:after{width:100%}.hover-slide-bg{position:relative;overflow:hidden;z-index:1}.hover-slide-bg:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease;z-index:-1}.hover-slide-bg:hover:before{left:100%}.skeleton{background:linear-gradient(90deg,rgba(255,255,255,.1) 25%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.1) 75%);background-size:200px 100%;animation:skeletonLoading 1.5s ease-in-out infinite;border-radius:8px}.shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.15) 50%,transparent);background-size:200% 100%;animation:shimmer 2s infinite}.loading-spinner{width:40px;height:40px;border-radius:50%;border:3px solid rgba(255,255,255,.2);border-top-color:#2d4a6f;animation:spin .8s linear infinite}.loading-dots{display:flex;gap:6px}.loading-dots span{width:8px;height:8px;background:#2d4a6f;border-radius:50%;animation:bounce 1.4s ease-in-out infinite both}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-dots span:nth-child(3){animation-delay:0s}.progress-bar{width:100%;height:8px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#2d4a6f,#1e3a5f);border-radius:4px;animation:progressBar 1s ease-out forwards}.ripple-container{position:relative;overflow:hidden}.ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.4);transform:scale(0);animation:ripple .6s linear;pointer-events:none}.transition-fast{transition:all .15s ease}.transition-normal{transition:all .3s ease}.transition-slow{transition:all .5s ease}.transition-slower{transition:all .8s ease}.transition-transform{transition:transform .3s ease}.transition-opacity{transition:opacity .3s ease}.transition-colors{transition:color .3s ease,background-color .3s ease,border-color .3s ease}.transition-shadow{transition:box-shadow .3s ease}.transition-spring{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.transition-bounce{transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.transition-smooth{transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-effect{background:rgba(255,255,255,.08);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px rgba(0,0,0,.2)}.glass-effect-strong{background:rgba(255,255,255,.12);backdrop-filter:blur(30px) saturate(200%);border:1px solid rgba(255,255,255,.2);box-shadow:0 12px 48px rgba(0,0,0,.25)}.gradient-border{position:relative;background:transparent;z-index:1}.gradient-border:before{content:"";position:absolute;inset:0;padding:2px;background:linear-gradient(135deg,#60a5fa,#a78bfa,#f472b6);border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:-1}.neon-glow{text-shadow:0 0 5px currentColor,0 0 10px currentColor,0 0 20px currentColor,0 0 40px currentColor}.neon-box-glow{box-shadow:0 0 5px currentColor,0 0 10px currentColor,0 0 20px currentColor}.particles-bg{position:relative;overflow:hidden}.particles-bg:after,.particles-bg:before{content:"";position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.3) 0,transparent 70%);animation:float 8s ease-in-out infinite}.particles-bg:before{top:-100px;left:-100px;animation-delay:0s}.particles-bg:after{bottom:-100px;right:-100px;animation-delay:-4s}.gradient-text{background:linear-gradient(135deg,#60a5fa,#a78bfa,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-animated{background:linear-gradient(135deg,#60a5fa,#a78bfa,#f472b6,#60a5fa);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient 3s ease infinite}.card-shine{position:relative;overflow:hidden}.card-shine:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to bottom right,transparent 40%,rgba(255,255,255,.08) 50%,transparent 60%);transform:rotate(30deg);transition:transform .5s ease;pointer-events:none}.card-shine:hover:after{transform:rotate(30deg) translateX(100%)}.text-reveal{overflow:hidden}.text-reveal span{display:inline-block;animation:slideUp .6s ease-out forwards}.stagger-children>*{opacity:0;animation:fadeInUp .5s ease-out forwards}.stagger-children>:first-child{animation-delay:.05s}.stagger-children>:nth-child(2){animation-delay:.1s}.stagger-children>:nth-child(3){animation-delay:.15s}.stagger-children>:nth-child(4){animation-delay:.2s}.stagger-children>:nth-child(5){animation-delay:.25s}.stagger-children>:nth-child(6){animation-delay:.3s}.stagger-children>:nth-child(7){animation-delay:.35s}.stagger-children>:nth-child(8){animation-delay:.4s}.stagger-children>:nth-child(9){animation-delay:.45s}.stagger-children>:nth-child(10){animation-delay:.5s}.scroll-fade-in{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.scroll-fade-in.visible{opacity:1;transform:translateY(0)}.icon-bounce:hover{animation:bounce .6s ease}.icon-spin:hover{animation:spin .6s ease}.icon-wiggle:hover{animation:wiggle .5s ease}.icon-pulse:hover{animation:pulse .5s ease}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width:768px){.hover-lift:hover,.hover-scale:hover{transform:none}.particles-bg:after,.particles-bg:before{display:none}}.btn{position:relative;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);transform-style:preserve-3d;backface-visibility:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.4) 0,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.btn:hover:before{width:400px;height:400px}.btn:active{transform:scale(.98);transition:transform .1s ease}.btn-primary{background:linear-gradient(135deg,#3b82f6,#6366f1,#8b5cf6);background-size:200% 200%;animation:gradientShift 4s ease infinite;box-shadow:0 4px 15px rgba(59,130,246,.4),0 2px 8px rgba(99,102,241,.3),inset 0 1px 0 rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.1)}.btn-primary:hover{box-shadow:0 8px 25px rgba(59,130,246,.5),0 4px 12px rgba(99,102,241,.4),inset 0 1px 0 rgba(255,255,255,.3)}.btn-primary:active{transform:translateY(0) scale(.98);box-shadow:0 2px 8px rgba(59,130,246,.4),inset 0 2px 4px rgba(0,0,0,.1)}.btn-secondary{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);box-shadow:0 4px 15px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.1);transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-secondary:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.4);box-shadow:0 8px 20px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.2)}.btn-outline-animated{position:relative;background:transparent;border:2px solid transparent;color:#60a5fa;overflow:hidden;z-index:1}.btn-outline-animated:before{content:"";position:absolute;inset:0;padding:2px;background:linear-gradient(135deg,#60a5fa,#a78bfa,#f472b6);border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor;mask-composite:exclude;animation:gradientShift 3s ease infinite;background-size:200% 200%}.btn-outline-animated:hover{color:white;background:linear-gradient(135deg,#60a5fa,#a78bfa)}.btn-icon{width:48px;height:48px;padding:0;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all .3s ease}.btn-icon:hover{transform:scale(1.1)}.btn-icon:active{transform:scale(.95)}.btn-fab{width:56px;height:56px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 6px 20px rgba(59,130,246,.4),0 3px 10px rgba(0,0,0,.2);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.btn-fab:hover{transform:scale(1.1) translateY(-5px);box-shadow:0 12px 30px rgba(59,130,246,.5),0 6px 15px rgba(0,0,0,.25)}.btn-fab:active{transform:scale(.95)}.btn-success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px rgba(16,185,129,.4)}.btn-success:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(16,185,129,.5)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px rgba(239,68,68,.4)}.btn-danger:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(239,68,68,.5)}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#1f2937;box-shadow:0 4px 15px rgba(245,158,11,.4)}.btn-warning:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(245,158,11,.5)}.card-enhanced{background:rgba(255,255,255,.08);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.12);border-radius:24px;box-shadow:0 8px 32px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.1);transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.card-enhanced:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#60a5fa,#a78bfa,#f472b6);opacity:0;transition:opacity .3s ease}.card-enhanced:hover{transform:translateY(-8px) scale(1.02);border-color:rgba(255,255,255,.25);box-shadow:0 20px 50px rgba(0,0,0,.25),0 10px 25px rgba(99,102,241,.15),inset 0 1px 0 rgba(255,255,255,.15)}.card-enhanced:hover:before{opacity:1}.card-glow{position:relative}.card-glow:after{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#60a5fa,#a78bfa,#f472b6);border-radius:inherit;z-index:-1;opacity:0;filter:blur(15px);transition:opacity .4s ease}.card-glow:hover:after{opacity:.6}.card-interactive{cursor:pointer;transform-style:preserve-3d;perspective:1000px}.card-interactive:hover{transform:translateY(-2px);transition:transform .3s ease}.stat-card{background:rgba(255,255,255,.08);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:1.75rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.stat-card:before{top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(99,102,241,.15) 0,transparent 70%);transition:opacity .4s ease}.stat-card:hover{transform:translateY(-6px) scale(1.02);border-color:rgba(99,102,241,.4);box-shadow:0 15px 40px rgba(0,0,0,.2),0 8px 20px rgba(99,102,241,.15)}.stat-value{background:linear-gradient(135deg,#ffffff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;animation:countUp .8s ease-out}.stat-trend{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600}.stat-trend.positive{background:rgba(16,185,129,.2);color:#6ee7b7}.stat-trend.negative{background:rgba(239,68,68,.2);color:#fca5a5}.input-enhanced{background:rgba(255,255,255,.08);border:2px solid rgba(255,255,255,.15);border-radius:12px;padding:.875rem 1.125rem;color:white;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px)}.input-enhanced::-moz-placeholder{color:rgba(255,255,255,.5)}.input-enhanced::placeholder{color:rgba(255,255,255,.5)}.input-enhanced:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25)}.input-enhanced:focus{outline:none;background:rgba(255,255,255,.15);border-color:rgba(99,102,241,.6);box-shadow:0 0 0 4px rgba(99,102,241,.15),0 4px 15px rgba(99,102,241,.1);transform:translateY(-2px)}.input-group-animated{position:relative;margin-bottom:1.5rem}.input-group-animated input,.input-group-animated textarea{width:100%;padding:1.25rem 1rem .75rem;background:rgba(255,255,255,.08);border:2px solid rgba(255,255,255,.15);border-radius:12px;color:white;font-size:1rem;transition:all .3s ease}.input-group-animated label{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:rgba(255,255,255,.6);font-size:1rem;pointer-events:none;transition:all .3s ease}.input-group-animated input:not(:-moz-placeholder)~label,.input-group-animated textarea:not(:-moz-placeholder)~label{top:.5rem;transform:translateY(0);font-size:.75rem;color:#60a5fa}.input-group-animated input:focus~label,.input-group-animated input:not(:placeholder-shown)~label,.input-group-animated textarea:focus~label,.input-group-animated textarea:not(:placeholder-shown)~label{top:.5rem;transform:translateY(0);font-size:.75rem;color:#60a5fa}.input-group-animated input:focus,.input-group-animated textarea:focus{border-color:rgba(99,102,241,.6);box-shadow:0 0 0 4px rgba(99,102,241,.15)}.search-input-container{position:relative;display:flex;align-items:center}.search-input-container .search-icon{position:absolute;left:1rem;color:rgba(255,255,255,.5);transition:color .3s ease}.search-input-container input{padding-left:3rem}.search-input-container:focus-within .search-icon{color:#60a5fa}.navbar-enhanced{background:rgba(255,255,255,.08);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 4px 30px rgba(0,0,0,.1);transition:all .3s ease;position:sticky;top:0;z-index:100}.navbar-enhanced.scrolled{background:rgba(15,23,42,.9);box-shadow:0 8px 40px rgba(0,0,0,.2)}.nav-link-animated{position:relative;color:rgba(255,255,255,.8);text-decoration:none;padding:.5rem 0;transition:color .3s ease}.nav-link-animated:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,#60a5fa,#a78bfa);transition:all .3s ease;transform:translateX(-50%)}.nav-link-animated:hover{color:white}.nav-link-animated.active:after,.nav-link-animated:hover:after{width:100%}.sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.125rem;border-radius:12px;color:rgba(255,255,255,.8);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.sidebar-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#60a5fa,#a78bfa);transform:scaleY(0);transition:transform .3s ease}.sidebar-item:hover{background:rgba(255,255,255,.1);color:white;transform:translateX(6px)}.sidebar-item.active{background:rgba(99,102,241,.2);color:white;font-weight:600}.sidebar-item.active:before{transform:scaleY(1)}.sidebar-item .icon{font-size:1.25rem;transition:transform .3s ease}.sidebar-item:hover .icon{transform:scale(1.15)}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.modal-content-enhanced{background:rgba(30,41,59,.95);backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 80px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.1);animation:bounceIn .5s cubic-bezier(.175,.885,.32,1.275)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.modal-title{font-size:1.5rem;font-weight:700;color:white}.modal-close{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.1);border:none;color:rgba(255,255,255,.8);font-size:1.25rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:rgba(239,68,68,.3);color:white;transform:scale(1.05)}.tooltip-enhanced{position:relative}.tooltip-enhanced:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(10px);background:rgba(15,23,42,.95);backdrop-filter:blur(10px);color:white;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;z-index:1000;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 25px rgba(0,0,0,.3)}.tooltip-enhanced:hover:after{opacity:1;visibility:visible;transform:translateX(-50%) translateY(-8px)}.table-enhanced{width:100%;border-collapse:separate;border-spacing:0;border-radius:16px;overflow:hidden;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}.table-enhanced thead{background:rgba(99,102,241,.2)}.table-enhanced th{padding:1rem 1.25rem;text-align:left;font-weight:600;color:rgba(255,255,255,.9);text-transform:uppercase;font-size:.8rem;letter-spacing:.05em}.table-enhanced tbody tr{transition:all .3s ease;border-bottom:1px solid rgba(255,255,255,.05)}.table-enhanced tbody tr:hover{background:rgba(99,102,241,.1);transform:scale(1.01)}.table-enhanced td{padding:1rem 1.25rem;color:rgba(255,255,255,.85)}.badge-enhanced{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;transition:all .3s ease}.badge-primary{background:linear-gradient(135deg,rgba(99,102,241,.3),rgba(139,92,246,.3));color:#a5b4fc;border:1px solid rgba(99,102,241,.4)}.badge-success{background:linear-gradient(135deg,rgba(16,185,129,.3),rgba(5,150,105,.3));color:#6ee7b7;border:1px solid rgba(16,185,129,.4)}.badge-warning{background:linear-gradient(135deg,rgba(245,158,11,.3),rgba(217,119,6,.3));color:#fcd34d;border:1px solid rgba(245,158,11,.4)}.badge-danger{background:linear-gradient(135deg,rgba(239,68,68,.3),rgba(220,38,38,.3));color:#fca5a5;border:1px solid rgba(239,68,68,.4)}.badge-enhanced:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.2)}.tabs-enhanced{display:flex;gap:.5rem;padding:.5rem;background:rgba(255,255,255,.05);border-radius:16px;border:1px solid rgba(255,255,255,.1)}.tab-enhanced{flex:1;padding:.875rem 1.25rem;border:none;background:transparent;color:rgba(255,255,255,.7);font-weight:500;border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative}.tab-enhanced:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:3px;background:linear-gradient(90deg,#60a5fa,#a78bfa);transform:translateX(-50%);border-radius:2px;transition:width .3s ease}.tab-enhanced:hover{color:white;background:rgba(255,255,255,.08)}.tab-enhanced.active{color:white;background:rgba(99,102,241,.2);box-shadow:0 4px 15px rgba(99,102,241,.2)}.tab-enhanced.active:after{width:50%}.avatar-enhanced{width:48px;height:48px;border-radius:50%;border:3px solid rgba(255,255,255,.2);box-shadow:0 4px 15px rgba(0,0,0,.2);transition:all .3s ease;-o-object-fit:cover;object-fit:cover}.avatar-enhanced:hover{transform:scale(1.1);border-color:rgba(99,102,241,.6);box-shadow:0 8px 25px rgba(99,102,241,.3)}.avatar-group{display:flex}.avatar-group .avatar-enhanced{margin-left:-12px}.avatar-group .avatar-enhanced:first-child{margin-left:0}.avatar-group .avatar-enhanced:hover{z-index:10}.dropdown-enhanced{position:relative}.dropdown-menu-enhanced{position:absolute;top:100%;left:0;min-width:200px;background:rgba(30,41,59,.95);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:.5rem;margin-top:.5rem;box-shadow:0 15px 50px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.1);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:100}.dropdown-enhanced.open .dropdown-menu-enhanced{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item-enhanced{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:10px;color:rgba(255,255,255,.8);text-decoration:none;transition:all .2s ease}.dropdown-item-enhanced:hover{background:rgba(99,102,241,.2);color:white;transform:translateX(4px)}.progress-enhanced{height:10px;background:rgba(255,255,255,.1);border-radius:10px;overflow:hidden;position:relative}.progress-bar-enhanced{height:100%;background:linear-gradient(90deg,#60a5fa,#a78bfa,#f472b6);background-size:200% 100%;animation:gradientShift 3s ease infinite;border-radius:10px;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative}.progress-bar-enhanced:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3) 50%,transparent);animation:shimmer 2s infinite}.progress-circle{position:relative;width:80px;height:80px}.progress-circle svg{transform:rotate(-90deg)}.progress-circle-bg{stroke:rgba(255,255,255,.1)}.progress-circle-fill{stroke:url(#progressGradient);stroke-dasharray:251.2;stroke-dashoffset:calc(251.2 - (251.2 * var(--progress, 0)) / 100);transition:stroke-dashoffset 1s cubic-bezier(.4,0,.2,1)}.progress-circle-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.25rem;font-weight:700;color:white}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:5px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(99,102,241,.5),rgba(139,92,246,.5));border-radius:5px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(99,102,241,.7),rgba(139,92,246,.7))}*{scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.5) rgba(255,255,255,.05)}::selection{background:rgba(99,102,241,.4);color:white}::-moz-selection{background:rgba(99,102,241,.4);color:white}:focus-visible{outline:2px solid rgba(99,102,241,.6);outline-offset:2px}@media (max-width:768px){.card-enhanced:hover,.stat-card:hover{transform:translateY(-4px)}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-2px)}.modal-content-enhanced{padding:1.5rem;border-radius:20px}}.notification-icon-wrapper{transition:transform .2s ease}.notification-icon-wrapper:hover{transform:scale(1.05)}.notification-bell{width:24px;height:24px;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.notification-badge{top:-4px;right:-4px;background:linear-gradient(135deg,#ff3b30,#ff6b6b);color:white;font-size:10px;font-weight:600;min-width:18px;height:18px;border-radius:9px;padding:0 4px;box-shadow:0 2px 8px rgba(255,59,48,.4);animation:pulse-badge 2s ease-in-out infinite}.notification-badge,.notification-modal-overlay{display:flex;align-items:center;justify-content:center}.notification-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.notification-modal{background:#ffffff;backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 20px 60px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.5);max-width:520px;width:92%;max-height:78vh;display:flex;flex-direction:column;animation:slideUp .28s cubic-bezier(.2,.9,.3,1);overflow:hidden;position:relative}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.notification-modal-header{padding:18px 22px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;background:#f8fafc}.notification-modal-title{font-size:18px;font-weight:700;color:#1e293b;margin:0}.notification-close-btn{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .18s ease,background .18s ease;color:#475569;box-shadow:0 2px 4px rgba(0,0,0,.05)}.notification-close-btn:hover{background:#e2e8f0;transform:rotate(90deg) scale(1.03)}.notification-modal .notification-modal-body{padding-left:0}.notification-modal-body{padding:0;overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch}.notification-list{list-style:none;margin:0;padding:0}.notification-item{padding:14px 20px;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background .18s ease,transform .12s ease;display:flex;align-items:center;gap:12px;position:relative;background:#ffffff}.notification-item:hover{background:#f8fafc;transform:translateY(-2px)}.notification-item:last-child{border-bottom:none}.notification-item.unread{background:#eff6ff}.notification-priority-indicator{flex-shrink:0;width:4px;height:100%;position:absolute;left:0;top:0;border-radius:0 2px 2px 0}.notification-priority-indicator.urgent{background:linear-gradient(180deg,#ff3b30,#ff6b6b)}.notification-priority-indicator.high{background:linear-gradient(180deg,#ff9500,#ffb340)}.notification-priority-indicator.normal{background:linear-gradient(180deg,#007aff,#4da6ff)}.notification-priority-indicator.low{background:linear-gradient(180deg,#8e8e93,#aeaeb2)}.notification-item-icon{flex-shrink:0;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#eff6ff;color:#3b82f6;font-size:18px;box-shadow:0 2px 4px rgba(0,0,0,.05)}.notification-item-content{flex:1;min-width:0}.notification-item-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.notification-item-subject{font-size:15px;font-weight:600;color:#1e293b;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.notification-unread-dot{flex-shrink:0;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#0ea5e9,#3b82f6);box-shadow:0 0 8px rgba(14,165,233,.6),0 2px 4px rgba(59,130,246,.4);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.notification-item-preview{font-size:13px;color:#64748b;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-icon-wrapper{position:relative;cursor:pointer}.notification-icon-glass,.notification-icon-wrapper{display:inline-flex;align-items:center;justify-content:center}.notification-icon-glass{width:44px;height:44px;border-radius:999px;background:#ffffff;backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);border:1px solid #e2e8f0;box-shadow:0 4px 12px rgba(0,0,0,.1)}.notification-icon-glass .notification-bell{width:20px;height:20px;color:#3b82f6}.notification-badge{position:absolute;top:-6px;right:-6px;background:#ff4d4f;color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:999px;box-shadow:0 4px 10px rgba(2,6,23,.35);min-width:20px;text-align:center;z-index:10;pointer-events:none}.notification-icon-wrapper:hover .notification-icon-glass{transform:translateY(-2px)}.floating-icons-bar{position:fixed;top:20px;right:20px;z-index:1001;display:flex;gap:12px;align-items:center;padding:8px;border-radius:12px;background:#ffffff;backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%);border:1px solid #e2e8f0;box-shadow:0 4px 16px rgba(0,0,0,.1)}.floating-icons-bar .chat-icon-wrapper,.floating-icons-bar .notification-icon-wrapper{position:relative}.notification-item-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#8e8e93}.notification-item-time{display:flex;align-items:center;gap:4px}.notification-empty{padding:60px 24px;text-align:center;color:#8e8e93}.notification-empty-icon{font-size:48px;margin-bottom:16px;opacity:.4}.notification-empty-text{font-size:16px;font-weight:500}.announcement-detail-modal{background:#ffffff;backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 20px 60px rgba(0,0,0,.15);max-width:620px;width:92%;max-height:85vh;display:flex;flex-direction:column;animation:slideUp .28s cubic-bezier(.2,.9,.3,1)}.announcement-detail-header{padding:24px 28px;border-bottom:1px solid #e2e8f0;display:flex;flex-direction:column;gap:12px;background:#f8fafc}.announcement-detail-title{font-size:24px;font-weight:700;color:#1e293b;margin:0;line-height:1.3}.announcement-detail-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.announcement-meta-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#64748b}.announcement-priority-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.announcement-priority-badge.urgent{background:rgba(255,59,48,.2);color:#ff3b30}.announcement-priority-badge.high{background:rgba(255,149,0,.2);color:#ff9500}.announcement-priority-badge.normal{background:rgba(0,122,255,.2);color:#007aff}.announcement-priority-badge.low{background:rgba(142,142,147,.2);color:#64748b}.announcement-detail-body{padding:24px 28px;overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch;background:#ffffff}.announcement-detail-message{font-size:15px;line-height:1.6;color:#475569;white-space:pre-wrap;word-wrap:break-word}.announcement-detail-footer{padding:16px 28px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;background:#f8fafc}.announcement-close-button{background:#3b82f6;color:white;border:none;border-radius:12px;padding:12px 24px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(59,130,246,.3)}.announcement-close-button:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.4)}.announcement-close-button:active{transform:translateY(0)}.announcement-detail-body::-webkit-scrollbar,.notification-modal-body::-webkit-scrollbar{width:8px}.announcement-detail-body::-webkit-scrollbar-track,.notification-modal-body::-webkit-scrollbar-track{background:transparent}.announcement-detail-body::-webkit-scrollbar-thumb,.notification-modal-body::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:4px}.announcement-detail-body::-webkit-scrollbar-thumb:hover,.notification-modal-body::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}@media (max-width:640px){.announcement-detail-modal,.notification-modal{width:95%;max-height:90vh;border-radius:16px}.announcement-detail-header,.notification-modal-header{padding:16px 20px}.notification-item{padding:12px 20px}.announcement-detail-body{padding:20px}.notification-modal-title{font-size:18px}.announcement-detail-title{font-size:20px}}.greeting-section{background:linear-gradient(135deg,#3b82f6,#2563eb 50%,#1d4ed8);border-radius:24px;padding:2.5rem;margin-bottom:2rem;box-shadow:0 10px 30px rgba(59,130,246,.3),0 1px 3px rgba(0,0,0,.1);animation:slideInFromTop .6s cubic-bezier(.34,1.56,.64,1)}.greeting-section:before{width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.2) 0,transparent 70%)}.greeting-content h1{font-size:2.25rem;text-shadow:0 2px 10px rgba(0,0,0,.3)}.greeting-subtitle{color:#ffffff;font-size:1.1rem;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.2)}.greeting-actions{margin-top:1.5rem}.greeting-actions .btn{padding:14px 28px;font-size:1.05rem;font-weight:600;border-radius:12px;transition:all .3s ease;display:flex;align-items:center;gap:8px}.greeting-actions .btn-primary{background:rgba(255,255,255,.15);color:white;border:2px solid rgba(255,255,255,.3);backdrop-filter:blur(10px);box-shadow:0 4px 15px rgba(0,0,0,.15)}.greeting-actions .btn-primary:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.2)}.greeting-actions .btn-secondary{background:rgba(255,255,255,.2);color:white;border:2px solid rgba(255,255,255,.3);backdrop-filter:blur(10px)}.greeting-actions .btn-secondary:hover{background:rgba(255,255,255,.3);transform:translateY(-3px)}.continue-course-card,.course-card,.enhanced-course-card,.recommended-card,.stat-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:1.75rem;box-shadow:0 4px 6px rgba(0,0,0,.2),0 10px 20px rgba(0,0,0,.15);transition:all .3s cubic-bezier(.34,1.56,.64,1);color:#e2e8f0}.continue-course-card:hover,.course-card:hover,.enhanced-course-card:hover,.recommended-card:hover,.stat-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px rgba(102,126,234,.15),0 20px 40px rgba(0,0,0,.1);border-color:#667eea}.section-header{margin-bottom:1.5rem}.section-header h2{font-size:1.75rem;color:#1e293b;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:#1e293b;background-clip:unset}.view-all-link{color:#3b82f6;transition:all .3s ease;display:flex;align-items:center;gap:4px}.view-all-link:hover{color:#2563eb;transform:translateX(4px)}.section-recommended{animation:fadeInUp .8s ease-out .2s both}.recommended-scroll{display:flex;gap:1.5rem;overflow-x:auto;padding-bottom:1rem;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#667eea #f0f0f0}.recommended-scroll::-webkit-scrollbar{height:8px}.recommended-scroll::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.recommended-scroll::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px}.recommended-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#764ba2,#667eea)}.recommended-card{min-width:320px;flex-shrink:0;animation:slideInFromLeft .6s ease-out}.recommended-thumbnail{font-size:3.5rem;text-align:center;padding:2rem;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:12px;margin-bottom:1rem}.recommended-meta{display:flex;gap:1rem;margin-top:1rem;font-size:.9rem}.recommended-meta .price{font-weight:700;color:#10b981}.recommended-meta .rating,.recommended-meta .students{color:#6b7280}.course-progress-bar{height:8px;background:linear-gradient(90deg,#f3f4f6,#e5e7eb);margin:1rem 0}.course-progress-bar,.progress-fill{border-radius:999px;position:relative}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);transition:width .6s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 10px rgba(102,126,234,.5)}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3) 50%,transparent);animation:shimmer 2s infinite}.btn{background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(102,126,234,.3);display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-secondary{color:#a78bfa;border:2px solid rgba(255,255,255,.2);box-shadow:none}.btn-secondary:hover{background:#f9fafb;border-color:#764ba2;color:#764ba2}.btn-outline{background:transparent;border:2px solid #667eea;color:#667eea;box-shadow:none}.btn-outline:hover{background:rgba(102,126,234,.1)}.btn-sm{padding:8px 16px;font-size:.9rem}.btn-lg{padding:16px 32px;font-size:1.1rem}.status-badge{padding:6px 14px;border-radius:999px;font-size:.85rem;font-weight:600;display:inline-flex;align-items:center;gap:6px}.status-badge.active{background:linear-gradient(135deg,#10b981,#059669);color:white;box-shadow:0 2px 8px rgba(16,185,129,.3)}.status-badge.completed{background:linear-gradient(135deg,#1e3a5f,#0f2840);color:white;box-shadow:0 2px 8px rgba(30,58,95,.3)}.status-badge.upcoming{background:linear-gradient(135deg,#f59e0b,#d97706);color:white;box-shadow:0 2px 8px rgba(245,158,11,.3)}.course-controls{display:flex;gap:1rem;margin:2rem 0;flex-wrap:wrap}.search-input{flex:1;min-width:250px;padding:14px 20px;border:1px solid rgba(255,255,255,.12);border-radius:12px;font-size:1rem;transition:all .3s ease;background:rgba(255,255,255,.08);color:#e2e8f0}.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px rgba(102,126,234,.1)}.filter-buttons{display:flex;gap:.5rem}.filter-btn{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:.5rem 1rem;border-radius:12px;font-size:.875rem;font-weight:600;color:#e2e8f0;cursor:pointer;transition:all .3s ease}.filter-btn:hover{border-color:#667eea;color:#667eea}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:white;border-color:transparent;box-shadow:0 4px 12px rgba(102,126,234,.3)}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.schedule-item{background:rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;margin-bottom:1rem;border:1px solid rgba(255,255,255,.12);border-left:4px solid #667eea;box-shadow:0 2px 8px rgba(0,0,0,.2);transition:all .3s ease;color:#e2e8f0}.schedule-item:hover{transform:translateX(8px);box-shadow:0 4px 16px rgba(102,126,234,.15)}.schedule-item.live-class{border-left-color:#10b981}.schedule-item.live-now{background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(5,150,105,.05));border-color:#10b981;box-shadow:0 4px 16px rgba(16,185,129,.2);animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 4px 16px rgba(16,185,129,.2)}50%{box-shadow:0 8px 24px rgba(16,185,129,.3)}}.schedule-item.assignment{border-left-color:#f59e0b}.schedule-item.office-hours{border-left-color:#10b981}.empty-state,.empty-state-card{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:2px dashed #d1d5db;border-radius:16px;padding:3rem 2rem;text-align:center;color:#6b7280}.empty-state p{font-size:1.1rem;margin-bottom:1.5rem}.explore-btn{margin-top:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:white;padding:14px 28px;border-radius:12px;font-weight:600;box-shadow:0 4px 15px rgba(102,126,234,.3)}.explore-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(102,126,234,.4)}.loading-state{text-align:center;color:#6b7280;font-size:1.1rem}@media (max-width:768px){.greeting-section{padding:1.5rem}.greeting-content h1{font-size:1.75rem}.greeting-actions{flex-direction:column}.greeting-actions .btn{width:100%}.course-controls{flex-direction:column}.search-input{width:100%}.filter-buttons{flex-wrap:wrap;width:100%}.filter-btn{flex:1;min-width:100px}.recommended-card{min-width:280px}}.glass-card{background:rgba(255,255,255,.7);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px 0 rgba(31,38,135,.15),inset 0 1px 0 rgba(255,255,255,.5)}body.dark-mode .dashboard-main,body.dark-mode .home-coaching{background:transparent!important;color:#f1f5f9!important}body.dark-mode .greeting-section{background:linear-gradient(135deg,rgba(30,41,59,.95),rgba(51,65,85,.95))!important;border:1px solid rgba(102,126,234,.3)!important;box-shadow:0 10px 40px rgba(0,0,0,.5),0 0 0 1px rgba(102,126,234,.2)!important}body.dark-mode .greeting-content h1{color:#f1f5f9!important;text-shadow:0 2px 10px rgba(102,126,234,.3);background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.dark-mode .greeting-subtitle{color:#cbd5e1!important}body.dark-mode .greeting-actions .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none}body.dark-mode .greeting-actions .btn-secondary{background:rgba(51,65,85,.8);border:1px solid rgba(102,126,234,.3);color:#f1f5f9}body.dark-mode .analytics-card,body.dark-mode .badge-card,body.dark-mode .continue-course-card,body.dark-mode .course-card,body.dark-mode .enhanced-course-card,body.dark-mode .recommended-card,body.dark-mode .schedule-item,body.dark-mode .stat-card{background:rgba(30,41,59,.8)!important;border:1px solid rgba(102,126,234,.2)!important;box-shadow:0 4px 12px rgba(0,0,0,.3)!important;color:#f1f5f9!important}body.dark-mode .continue-course-card:hover,body.dark-mode .course-card:hover,body.dark-mode .enhanced-course-card:hover,body.dark-mode .recommended-card:hover,body.dark-mode .schedule-item:hover,body.dark-mode .stat-card:hover{border-color:rgba(102,126,234,.5)!important;box-shadow:0 8px 24px rgba(102,126,234,.2)!important;transform:translateY(-4px)!important}body.dark-mode .continue-course-card h3,body.dark-mode .course-card h3,body.dark-mode .course-card h4,body.dark-mode .enhanced-course-card h3,body.dark-mode .recommended-card h4,body.dark-mode .stat-card h3,body.dark-mode .stat-card h4{color:#f1f5f9!important}body.dark-mode .continue-course-card p,body.dark-mode .course-card p,body.dark-mode .enhanced-course-card p,body.dark-mode .recommended-card p,body.dark-mode .stat-card p{color:#cbd5e1!important}body.dark-mode .course-instructor,body.dark-mode .recommended-instructor,body.dark-mode .stat-label{color:#94a3b8!important}body.dark-mode .section-header h2,body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4{color:#f1f5f9!important}body.dark-mode .view-all-link{color:#667eea!important}body.dark-mode .view-all-link:hover{color:#764ba2!important}body.dark-mode .course-progress-bar,body.dark-mode .progress-bar-container{background:rgba(51,65,85,.8)!important}body.dark-mode .progress-bar,body.dark-mode .progress-fill{background:linear-gradient(90deg,#667eea,#764ba2)!important;box-shadow:0 0 10px rgba(102,126,234,.5)}body.dark-mode .btn-outline,body.dark-mode .filter-btn{background:rgba(51,65,85,.8)!important;color:#cbd5e1!important;border-color:rgba(102,126,234,.3)!important}body.dark-mode .btn-outline:hover,body.dark-mode .filter-btn:hover{background:rgba(71,85,105,.8)!important;border-color:rgba(102,126,234,.5)!important}body.dark-mode .filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:white!important}body.dark-mode .empty-state,body.dark-mode .empty-state-card{background:rgba(30,41,59,.6)!important;border:1px dashed rgba(102,126,234,.3)!important;color:#cbd5e1!important}body.dark-mode .status-badge.active{background:rgba(16,185,129,.2);color:#34d399;border:1px solid rgba(16,185,129,.5)}body.dark-mode .status-badge.completed{background:rgba(30,58,95,.2);color:#2d4a6f;border:1px solid rgba(30,58,95,.5)}body.dark-mode .search-input,body.dark-mode input,body.dark-mode select,body.dark-mode textarea{background:rgba(51,65,85,.8)!important;border:1px solid rgba(102,126,234,.2)!important;color:#f1f5f9!important}body.dark-mode .search-input:focus,body.dark-mode input:focus,body.dark-mode select:focus,body.dark-mode textarea:focus{border-color:rgba(102,126,234,.5)!important;box-shadow:0 0 0 3px rgba(102,126,234,.1)}body.dark-mode input::-moz-placeholder,body.dark-mode textarea::-moz-placeholder{color:#94a3b8}body.dark-mode input::placeholder,body.dark-mode textarea::placeholder{color:#94a3b8}body.dark-mode .glass-card{background:rgba(30,41,59,.7)!important;backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(102,126,234,.2);box-shadow:0 8px 32px 0 rgba(0,0,0,.4),inset 0 1px 0 rgba(102,126,234,.1)}body.dark-mode .price{color:#10b981!important}body.dark-mode .rating{color:#fbbf24!important}body.dark-mode .courses-scroll::-webkit-scrollbar-track,body.dark-mode .recommended-scroll::-webkit-scrollbar-track{background:rgba(51,65,85,.5)}body.dark-mode .courses-scroll::-webkit-scrollbar-thumb,body.dark-mode .recommended-scroll::-webkit-scrollbar-thumb{background:rgba(102,126,234,.5)}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}:root{--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-300:#93c5fd;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--beige-50:#faf8f5;--beige-100:#f5f0e8;--beige-200:#e8dcc8;--beige-300:#d4c4a8;--grey-50:#f9fafb;--grey-100:#f3f4f6;--grey-200:#e5e7eb;--grey-300:#d1d5db;--grey-400:#9ca3af;--grey-500:#6b7280;--grey-600:#4b5563;--grey-700:#374151;--grey-800:#1f2937;--white:#ffffff;--gradient-hero:linear-gradient(135deg,#3b82f6,#2563eb 50%,#1d4ed8);--gradient-purple:linear-gradient(135deg,#8b5cf6,#7c3aed);--gradient-cyan:linear-gradient(135deg,#06b6d4,#0891b2);--gradient-blue-teal:linear-gradient(135deg,#3b82f6,#0891b2);--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 6px rgba(0,0,0,0.07);--shadow-lg:0 10px 15px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px rgba(0,0,0,0.1);--shadow-glow:0 8px 32px rgba(59,130,246,0.15);--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px}.dashboard-container{background:#f8fafc}.dashboard-sidebar.student-sidebar{background:linear-gradient(180deg,#ffffff,#f8fafc);border-right:1px solid #e2e8f0}.dashboard-sidebar.student-sidebar .logo{color:var(--grey-800);font-weight:700;padding:1.5rem;border-bottom:1px solid var(--blue-200)}.dashboard-menu .menu-btn{color:var(--grey-600);background:transparent;padding:1rem 1.5rem;width:100%;text-align:left;font-size:1rem;cursor:pointer;transition:all .3s ease;border:none;border-left:3px solid transparent}.dashboard-menu .menu-btn:hover{background:var(--blue-100);color:var(--blue-600);border-left-color:var(--blue-400)}.dashboard-menu .menu-btn.logout-btn{margin-top:auto;border-top:1px solid var(--grey-200);color:#dc2626}.dashboard-menu .menu-btn.logout-btn:hover{background:#fef2f2;color:#dc2626}.greeting-section{background:linear-gradient(135deg,#2563eb,#1d4ed8 50%,#1e40af);padding:3rem;margin-bottom:2.5rem;overflow:hidden;box-shadow:0 8px 32px rgba(37,99,235,.25),0 4px 12px rgba(0,0,0,.08);animation:fadeInUp .6s ease}.greeting-section:before{content:"";position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.12) 0,transparent 70%);border-radius:50%;pointer-events:none}.greeting-content h1{color:#ffffff;font-size:2.5rem;font-weight:800;margin-bottom:.75rem;text-shadow:0 2px 12px rgba(0,0,0,.15);letter-spacing:-.02em}.greeting-subtitle{color:rgba(255,255,255,.98);font-size:1.15rem;margin:0;font-weight:500}.greeting-actions{display:flex;gap:1rem;margin-top:1.75rem;flex-wrap:wrap}.btn-lg{padding:1rem 2rem;font-size:1.05rem;font-weight:600;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:.625rem;border:none;cursor:pointer;position:relative;overflow:hidden}.btn-lg:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.2);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-lg:hover:before{width:300px;height:300px}.btn-primary{background:#ffffff;color:#1e40af;box-shadow:0 4px 16px rgba(0,0,0,.15),0 2px 6px rgba(0,0,0,.08)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.2),0 4px 12px rgba(0,0,0,.12);background:#f8fafc}.btn-primary:active{transform:translateY(-1px)}.btn-secondary{background:rgba(255,255,255,.15);color:#ffffff;border:2px solid rgba(255,255,255,.4);backdrop-filter:blur(10px)}.btn-secondary:hover{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.6);transform:translateY(-3px);box-shadow:0 4px 16px rgba(0,0,0,.15)}.btn-secondary:active{transform:translateY(-1px)}.analytics-section{margin:2.5rem 0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2.5rem}.stat-card{background:#ffffff;border-radius:14px;padding:2rem;box-shadow:0 2px 12px rgba(0,0,0,.06),0 1px 4px rgba(0,0,0,.04);transition:all .35s cubic-bezier(.4,0,.2,1);border:1px solid #e5e7eb;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#2563eb);opacity:0;transition:opacity .35s ease}.stat-card:hover:before{opacity:1}.stat-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px rgba(59,130,246,.12),0 4px 16px rgba(0,0,0,.08);border-color:#93c5fd}.stat-card-header{gap:1.25rem;margin-bottom:1.25rem}.stat-card-header,.stat-icon{display:flex;align-items:center}.stat-icon{width:56px;height:56px;border-radius:12px;justify-content:center;font-size:1.75rem;color:#ffffff;flex-shrink:0;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:transform .3s ease}.stat-card:hover .stat-icon{transform:scale(1.08) rotate(-3deg)}.stat-icon.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 16px rgba(139,92,246,.35)}.stat-icon.cyan{background:linear-gradient(135deg,#06b6d4,#0891b2);box-shadow:0 4px 16px rgba(6,182,212,.35)}.stat-icon.blue{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 16px rgba(59,130,246,.35)}.stat-icon.navy{background:linear-gradient(135deg,#1e40af,#1e3a8a);box-shadow:0 4px 16px rgba(30,64,175,.35)}.stat-label{font-size:.875rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.8px;margin-bottom:.5rem}.stat-value{font-size:2.5rem;font-weight:800;color:#0f172a;margin-bottom:.375rem;line-height:1.1;letter-spacing:-.02em}.stat-subtext{font-size:.875rem;color:#64748b;font-weight:500}.chart-container{background:#ffffff;border-radius:14px;padding:2.25rem;box-shadow:0 2px 12px rgba(0,0,0,.06),0 1px 4px rgba(0,0,0,.04);margin-bottom:2.5rem;border:1px solid #e5e7eb;transition:all .3s ease}.chart-container:hover{box-shadow:0 8px 24px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.04);border-color:#cbd5e1}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.75rem;padding-bottom:1.25rem;border-bottom:2px solid #f1f5f9}.chart-title{font-size:1.5rem;font-weight:700;color:#0f172a;letter-spacing:-.01em}.chart-subtitle{font-size:.9rem;color:#64748b;margin-top:.375rem;font-weight:500}.date-range-selector{display:flex;gap:.375rem;background:#f8fafc;padding:.375rem;border-radius:10px;border:1px solid #e2e8f0}.date-range-btn{padding:.625rem 1.25rem;border:none;background:transparent;color:#64748b;font-size:.875rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.date-range-btn:hover{color:#1e40af;background:rgba(59,130,246,.08)}.date-range-btn.active{background:#ffffff;color:#2563eb;box-shadow:0 2px 8px rgba(59,130,246,.15),0 1px 3px rgba(0,0,0,.08);font-weight:700}.heatmap-grid{display:grid;gap:5px;margin-top:1.25rem}.heatmap-row{display:flex;gap:5px}.heatmap-cell{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;border:2px solid transparent}.heatmap-cell.intensity-0{background:#f1f5f9;color:#94a3b8;border-color:#e2e8f0}.heatmap-cell.intensity-1{background:rgba(59,130,246,.15);color:#3b82f6;border-color:rgba(59,130,246,.2)}.heatmap-cell.intensity-2{background:rgba(59,130,246,.35);color:#2563eb;border-color:rgba(59,130,246,.4)}.heatmap-cell.intensity-3{background:rgba(59,130,246,.6);color:#ffffff;border-color:rgba(59,130,246,.7)}.heatmap-cell.intensity-4{background:rgba(59,130,246,.8);color:#ffffff;border-color:rgba(59,130,246,.9)}.heatmap-cell.intensity-5{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#ffffff;border-color:#2563eb;box-shadow:0 0 16px rgba(59,130,246,.6),0 4px 12px rgba(0,0,0,.15)}.heatmap-cell:hover{transform:scale(1.15);box-shadow:0 4px 16px rgba(59,130,246,.3),0 2px 8px rgba(0,0,0,.1);z-index:10}.heatmap-labels{display:flex;gap:5px;margin-bottom:.625rem}.heatmap-label{width:44px;text-align:center;font-size:.75rem;color:#64748b;font-weight:700;letter-spacing:.03em}.heatmap-day-label{width:64px;text-align:right;padding-right:.625rem;font-size:.875rem;color:#64748b;font-weight:600}.progress-bar-container{background:#f1f5f9;height:14px;box-shadow:inset 0 2px 4px rgba(0,0,0,.06)}.progress-bar-container,.progress-bar-fill{border-radius:100px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb 50%,#1e40af);transition:width .8s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px rgba(59,130,246,.5)}.progress-bar-fill:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:shimmer 2.5s infinite}.bar-chart{display:flex;align-items:flex-end;gap:10px;height:220px;padding:1.25rem 0}.bar-chart-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:.625rem}.bar{width:100%;background:linear-gradient(180deg,#3b82f6,#2563eb);border-radius:10px 10px 0 0;transition:all .35s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;box-shadow:0 -2px 8px rgba(59,130,246,.3)}.bar:hover{opacity:.85;transform:translateY(-6px);box-shadow:0 -4px 16px rgba(59,130,246,.5)}.bar-label{font-size:.8rem;color:#64748b;font-weight:700;letter-spacing:.02em}.bar-value{position:absolute;top:-28px;left:50%;transform:translateX(-50%);font-size:.8rem;font-weight:800;color:#0f172a;white-space:nowrap;padding:.25rem .5rem;background:#ffffff;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.section-continue-learning,.section-recommended{margin:2.5rem 0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.75rem}.section-header h2{font-size:1.875rem;font-weight:700;color:#0f172a}.view-all-link{color:#2563eb;font-weight:600;text-decoration:none;padding:.5rem 1rem;border-radius:8px}.view-all-link:hover{color:#1e40af;background:rgba(37,99,235,.08)}.courses-scroll,.recommended-scroll{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.75rem}.continue-course-card,.recommended-card{background:#ffffff;border-radius:14px;padding:1.75rem;box-shadow:0 2px 12px rgba(0,0,0,.06),0 1px 4px rgba(0,0,0,.04);transition:all .35s cubic-bezier(.4,0,.2,1);border:1px solid #e5e7eb;display:flex;flex-direction:column;gap:1.25rem;position:relative;overflow:hidden}.continue-course-card:before,.recommended-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#2563eb);opacity:0;transition:opacity .3s ease}.continue-course-card:hover:before,.recommended-card:hover:before{opacity:1}.continue-course-card:hover,.recommended-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px rgba(59,130,246,.12),0 4px 16px rgba(0,0,0,.08);border-color:#93c5fd}.course-thumbnail,.recommended-thumbnail{width:72px;height:72px;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;font-size:2.25rem;box-shadow:0 4px 16px rgba(59,130,246,.25);transition:transform .3s ease}.continue-course-card:hover .course-thumbnail,.recommended-card:hover .recommended-thumbnail{transform:scale(1.08)}.course-details h3,.recommended-details h4{font-size:1.25rem;font-weight:700;color:#0f172a;margin-bottom:.625rem;line-height:1.3;letter-spacing:-.01em}.course-instructor,.recommended-instructor{color:#64748b;font-size:.9rem;margin-bottom:.625rem;font-weight:500}.course-meta,.recommended-meta{display:flex;gap:1.25rem;font-size:.875rem;color:#64748b;font-weight:500}.price{font-weight:700;color:#2563eb;font-size:1rem}.rating,.students{display:flex;align-items:center;gap:.375rem}.course-progress-bar{background:#f1f5f9;border-radius:100px;height:10px;overflow:hidden;margin:.75rem 0;box-shadow:inset 0 1px 3px rgba(0,0,0,.08)}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:100px;transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px rgba(59,130,246,.4)}.btn-continue{margin-top:auto}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.75rem}.achievement-card{background:#ffffff;border-radius:14px;padding:1.75rem;text-align:center;box-shadow:0 2px 12px rgba(0,0,0,.06),0 1px 4px rgba(0,0,0,.04);transition:all .35s cubic-bezier(.4,0,.2,1);border:2px solid transparent}.achievement-card.earned{border-color:#3b82f6;background:linear-gradient(135deg,rgba(59,130,246,.05),rgba(37,99,235,.08))}.achievement-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px rgba(59,130,246,.15),0 4px 16px rgba(0,0,0,.08)}.achievement-icon{font-size:3.5rem;margin-bottom:1.25rem;transition:transform .3s ease}.achievement-card:hover .achievement-icon{transform:scale(1.1) rotate(5deg)}.achievement-card.earned .achievement-icon{filter:drop-shadow(0 4px 12px rgba(59,130,246,.5))}.achievement-card:not(.earned){opacity:.55;filter:grayscale(.3)}.achievement-card:not(.earned):hover{opacity:.7}.achievement-name{font-size:1.125rem;font-weight:700;color:#0f172a;margin-bottom:.625rem;letter-spacing:-.01em}.achievement-progress{font-size:.875rem;color:#64748b;margin-top:.625rem;font-weight:500}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.courses-scroll,.recommended-scroll{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.greeting-section{padding:2rem}.greeting-content h1{font-size:1.75rem}.stats-grid{grid-template-columns:1fr}.chart-header{flex-direction:column;align-items:flex-start;gap:1rem}.heatmap-cell{width:32px;height:32px}.heatmap-label{width:32px}.courses-scroll,.recommended-scroll{grid-template-columns:1fr}.achievements-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.greeting-actions{flex-direction:column;width:100%}.btn-lg{width:100%;justify-content:center}.achievements-grid{grid-template-columns:1fr}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading-state{display:flex;align-items:center;justify-content:center;animation:pulse 2s infinite}.empty-state,.loading-state{padding:3rem;color:var(--gray-600)}.empty-state{text-align:center}.dark-mode{--bg-primary:#0f2840;--bg-secondary:#1e3a5f;--bg-tertiary:#2d4a6f;--bg-card:#1e3a5f;--bg-hover:#2d4a6f;--bg-elevated:#1e3a5f;--text-primary:#ffffff;--text-secondary:#e2e8f0;--text-tertiary:#cbd5e1;--text-muted:#94a3b8;--border-color:rgba(255,255,255,0.1);--border-hover:rgba(255,255,255,0.2);--shadow:0 4px 16px rgba(15,40,64,0.35);--shadow-lg:0 8px 32px rgba(15,40,64,0.45);--gradient-primary:linear-gradient(145deg,#1e3a5f,#0f2840);--gradient-secondary:linear-gradient(145deg,#2d4a6f,#1e3a5f);--gradient-success:linear-gradient(145deg,#059669,#047857)}.dark-mode body{background:#0f2840;color:var(--text-primary)}.dark-mode body:before{background:radial-gradient(ellipse 100% 60% at 15% 15%,rgba(30,58,95,.1),transparent 45%),radial-gradient(ellipse 80% 50% at 85% 85%,rgba(45,74,111,.08),transparent 40%)}.dark-mode body:after{display:none}.dark-mode .dashboard-container{background:var(--bg-primary);color:var(--text-primary)}.dark-mode .dashboard-sidebar{background:linear-gradient(180deg,#1e3a5f,#0f2840);border-right:1px solid var(--border-color);box-shadow:4px 0 20px rgba(15,40,64,.4)}.dark-mode .dashboard-sidebar .logo{color:var(--text-primary);font-weight:600;letter-spacing:-.02em}.dark-mode .menu-btn{color:var(--text-tertiary);background:transparent;border-left:2px solid transparent;border-radius:6px;transition:all .25s cubic-bezier(.22,1,.36,1)}.dark-mode .menu-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-left-color:rgba(45,74,111,.5)}.dark-mode .menu-btn.active{background:rgba(45,74,111,.3);color:#fff!important;border-left-color:#2d4a6f;font-weight:500}.dark-mode .logout-btn{background:rgba(225,29,72,.1);color:#fb7185}.dark-mode .logout-btn:hover{background:rgba(225,29,72,.12);color:#fda4af}.dark-mode .dashboard-main{background:var(--bg-primary);color:var(--text-primary)}.dark-mode h1,.dark-mode h2,.dark-mode h3,.dark-mode h4{color:var(--text-primary);letter-spacing:-.02em}.dark-mode .subtitle,.dark-mode p{color:var(--text-secondary)}.dark-mode .section-desc{color:var(--text-tertiary)}.dark-mode .badge-card,.dark-mode .certificate-card,.dark-mode .continue-course-card,.dark-mode .course-card,.dark-mode .enhanced-course-card,.dark-mode .profile-settings,.dark-mode .recommended-card,.dark-mode .schedule-item,.dark-mode .settings-section-group,.dark-mode .stat-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow);transition:all .25s cubic-bezier(.22,1,.36,1);border-radius:12px}.dark-mode .course-card:hover,.dark-mode .enhanced-course-card:hover,.dark-mode .recommended-card:hover,.dark-mode .stat-card:hover{border-color:var(--border-hover);box-shadow:0 8px 24px rgba(0,0,0,.45);transform:translateY(-2px)}.dark-mode .profile-settings:hover,.dark-mode .setting-item:hover,.dark-mode .settings-section-group:hover{opacity:1;visibility:visible}.dark-mode .greeting-section{background:linear-gradient(145deg,rgba(20,184,166,.08),rgba(20,184,166,.03));border:1px solid rgba(20,184,166,.1);box-shadow:var(--shadow-lg);border-radius:16px}.dark-mode .greeting-content h1{color:var(--text-primary);font-weight:600}.dark-mode .greeting-subtitle{color:var(--text-secondary)}.dark-mode .btn{background:var(--gradient-primary);color:#fafaf9;border:none;box-shadow:0 4px 12px rgba(20,184,166,.2);transition:all .25s cubic-bezier(.22,1,.36,1);border-radius:8px;font-weight:600}.dark-mode .btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(20,184,166,.3);filter:brightness(1.05)}.dark-mode .btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.dark-mode .btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-hover)}.dark-mode .btn-danger{background:linear-gradient(145deg,#e11d48,#be123c);color:white;box-shadow:0 4px 12px rgba(239,68,68,.3)}.dark-mode .btn-danger:hover{box-shadow:0 6px 16px rgba(239,68,68,.4)}.dark-mode .btn-outline{background:transparent;color:#667eea;border:2px solid #667eea}.dark-mode .btn-outline:hover{background:rgba(102,126,234,.1)}.dark-mode input[type=date],.dark-mode input[type=email],.dark-mode input[type=password],.dark-mode input[type=tel],.dark-mode input[type=text],.dark-mode select,.dark-mode textarea{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.dark-mode input::-moz-placeholder,.dark-mode textarea::-moz-placeholder{color:var(--text-tertiary)}.dark-mode input::placeholder,.dark-mode textarea::placeholder{color:var(--text-tertiary)}.dark-mode input:focus,.dark-mode select:focus,.dark-mode textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none}.dark-mode .search-input{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.dark-mode .search-input:focus{border-color:#667eea}.dark-mode .course-progress-bar,.dark-mode .progress-bar-container{background:var(--bg-tertiary);border-radius:999px;overflow:hidden}.dark-mode .progress-bar,.dark-mode .progress-fill{background:var(--gradient-primary);box-shadow:0 0 10px rgba(102,126,234,.5)}.dark-mode .status-badge{padding:4px 12px;border-radius:999px;font-size:.875rem;font-weight:600}.dark-mode .status-badge.active{background:rgba(16,185,129,.2);color:#34d399;border:1px solid #10b981}.dark-mode .status-badge.completed{background:rgba(30,58,95,.2);color:#2d4a6f;border:1px solid #1e3a5f}.dark-mode .status-badge.upcoming{background:rgba(251,191,36,.2);color:#fbbf24;border:1px solid #f59e0b}.dark-mode .modal-overlay{background:rgba(0,0,0,.85);backdrop-filter:blur(8px)}.dark-mode .modal-content,.dark-mode .modal-content-custom{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:0 20px 60px rgba(0,0,0,.6)}.dark-mode .modal-content h2,.dark-mode .modal-content-custom h2{color:var(--text-primary)}.dark-mode table{background:var(--bg-card);border:1px solid var(--border-color)}.dark-mode table thead{background:var(--bg-tertiary);border-bottom:2px solid var(--border-color)}.dark-mode table th{color:var(--text-primary);font-weight:600}.dark-mode table td{color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.dark-mode table tbody tr:hover{background:var(--bg-hover)}.dark-mode .setting-toggle-item label{color:var(--text-primary)}.dark-mode input[type=checkbox]{accent-color:#667eea}.dark-mode .empty-state,.dark-mode .empty-state-card,.dark-mode .loading-state{background:var(--bg-card);border:1px dashed var(--border-color);color:var(--text-secondary)}.dark-mode .no-results{color:var(--text-tertiary)}.dark-mode .profile-nav-tabs button{background:transparent;color:var(--text-secondary);border-bottom:3px solid transparent}.dark-mode .profile-nav-tabs button:hover{color:var(--text-primary);background:var(--bg-hover)}.dark-mode .profile-nav-tabs button.active{color:#667eea;border-bottom-color:#667eea;background:var(--bg-hover)}.dark-mode .setting-item{border-bottom:1px solid var(--border-color)}.dark-mode .setting-info h4{color:var(--text-primary)}.dark-mode .setting-info p{color:var(--text-tertiary)}.dark-mode .filter-btn{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.dark-mode .filter-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.dark-mode .filter-btn.active{background:var(--gradient-primary);color:white;border-color:#667eea}.dark-mode .toggle-btn{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.dark-mode .toggle-btn.active{background:var(--gradient-primary);color:white}.dark-mode .analytics-card{background:var(--bg-card);border:1px solid var(--border-color)}.dark-mode .chart-container{background:var(--bg-tertiary);border-radius:12px;padding:16px}.dark-mode ::-webkit-scrollbar{width:12px;height:12px}.dark-mode ::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:6px}.dark-mode ::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:6px;border:2px solid var(--bg-secondary)}.dark-mode ::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}@keyframes dark-mode-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dark-mode .fade-in{animation:dark-mode-fade-in .4s ease-out}.dark-mode .theme-toggle-btn{background:var(--gradient-primary);color:white;padding:10px 20px;border-radius:12px;font-weight:600;box-shadow:0 4px 12px rgba(102,126,234,.3);transition:all .3s ease}.dark-mode .theme-toggle-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(102,126,234,.4)}@media (max-width:768px){.dark-mode .dashboard-sidebar{background:linear-gradient(180deg,#0f172a,#1e293b)}.dark-mode .greeting-section{padding:1.5rem}}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1}html{font-size:16px;text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%}:root{--theme-bg-primary:#e2e8f0;--theme-bg-secondary:#f1f5f9;--theme-bg-tertiary:#f8fafc;--theme-bg-elevated:#ffffff;--theme-bg-surface:#f1f5f9;--theme-component-bg:#ffffff;--theme-component-bg-hover:#f9fafb;--theme-input-bg:#ffffff;--theme-input-border:#d1d5db;--theme-gradient-main:linear-gradient(180deg,#ffffff,#f9fafb);--theme-gradient-hero:linear-gradient(180deg,#ffffff,#faf8f5 50%,#ffffff);--theme-gradient-card:linear-gradient(145deg,#ffffff,#f9fafb);--theme-gradient-overlay:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,0.8));--theme-accent-primary:#3b82f6;--theme-accent-teal:#0891b2;--theme-accent-gold:#d4a853;--theme-accent-sky:#0ea5e9;--theme-accent-rose:#f43f5e;--theme-accent-emerald:#10b981;--theme-text-primary:#1f2937;--theme-text-secondary:#4b5563;--theme-text-muted:#6b7280;--theme-text-subtle:#9ca3af;--theme-text-inverse:#ffffff;--theme-card-bg:#ffffff;--theme-card-bg-hover:#f9fafb;--theme-card-border:rgba(0,0,0,0.08);--theme-card-border-hover:rgba(59,130,246,0.2);--theme-card-shadow:0 2px 12px rgba(0,0,0,0.06);--theme-glass-bg:rgba(255,255,255,0.95);--theme-glass-border:rgba(0,0,0,0.08);--theme-glass-shadow:0 4px 20px rgba(0,0,0,0.08)}body,html{background:var(--theme-bg-primary)!important;background-attachment:fixed!important;min-height:100vh;color:var(--theme-text-primary)}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 60% 40% at 50% 0,rgba(59,130,246,.03),transparent 50%);pointer-events:none;z-index:-1}.loading,.loading-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--theme-bg-primary)!important;color:var(--theme-text-secondary)!important}.loading p,.loading-container p{color:var(--theme-text-secondary)!important;margin-top:1rem;font-weight:500;letter-spacing:.01em}.loading-spinner,.spinner{width:40px;height:40px;border:2px solid rgba(255,255,255,.06);border-top:2px solid var(--theme-accent-teal);border-radius:50%;animation:spin .8s cubic-bezier(.4,0,.2,1) infinite}.explore-courses-page,.explore-page-wrapper,.unified-dark-theme{min-height:100vh;background:var(--theme-bg-primary)!important;position:relative;overflow-x:hidden}.explore-page-wrapper:before,.unified-dark-theme:before{content:"";position:fixed;inset:0;background:transparent;pointer-events:none;z-index:0}.unified-dark-theme:after{display:none}.dashboard-container{min-height:100vh;background:#e2e8f0!important;position:relative}.dashboard-container:before{content:"";position:fixed;inset:0;background:transparent;pointer-events:none;z-index:0}.dashboard-main{position:relative;z-index:1;background:#e2e8f0!important}.dashboard-sidebar{background:linear-gradient(180deg,#f0f7ff,#e8f2ff)!important;border-right:1px solid rgba(59,130,246,.15);box-shadow:2px 0 20px rgba(59,130,246,.08)}.dashboard-sidebar .logo{color:#1e293b;font-weight:600}.dashboard-sidebar .menu-btn{color:#4b5563;transition:all .2s ease;border-radius:6px;margin:2px 8px}.dashboard-sidebar .menu-btn:hover{color:#1e293b;background:rgba(255,255,255,.8)}.dashboard-sidebar .menu-btn.active{color:#ffffff!important;background:linear-gradient(135deg,#3b82f6,#2563eb);border-left:2px solid #3b82f6}.explore-navbar,.landing-navbar,.unified-navbar{background:rgba(255,255,255,.98)!important;backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.08);box-shadow:0 1px 12px rgba(0,0,0,.06)}.brand-text,.navbar-brand{color:#1e293b!important;font-weight:600;letter-spacing:-.02em;background:none!important;-webkit-text-fill-color:initial!important;background-clip:border-box!important;-webkit-background-clip:border-box!important;text-shadow:none!important}.landing-navbar.navbar-scrolled .brand-text,.landing-navbar.navbar-scrolled .navbar-brand{color:#ffffff!important}.logo-icon-box{color:#1e293b!important}.landing-navbar.navbar-scrolled .logo-icon-box{color:#ffffff!important}.nav-link{color:#4b5563!important;transition:color .2s ease;font-weight:500}.nav-link:hover{color:#3b82f6!important}.landing-navbar.navbar-scrolled .nav-link{color:rgba(255,255,255,.9)!important}.landing-navbar.navbar-scrolled .nav-link:hover{color:#ffffff!important}.explore-header,.page-header,.section-header{position:relative;z-index:1}.explore-header{background:#f9fafb!important;border-bottom:1px solid rgba(0,0,0,.08);padding:7rem 2rem 3rem}.explore-header h1,.explore-header-content h1,.page-title{color:#1f2937!important;font-size:2.75rem;font-weight:700;letter-spacing:-.03em;line-height:1.1}.explore-header p,.explore-header-content p{color:#4b5563!important;font-size:1.125rem;line-height:1.6;font-weight:400}.course-card,.dashboard-card,.explore-card,.recommended-card,.stat-card{background:#ffffff!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:all .2s ease;position:relative;z-index:1}.course-card:hover,.explore-card:hover,.recommended-card:hover{background:#ffffff!important;border-color:rgba(59,130,246,.2)!important;transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.1)}.card-title,.course-title{color:#1f2937!important;font-weight:600;letter-spacing:-.01em}.course-description,.course-instructor{color:#4b5563!important;line-height:1.5}.course-meta,.course-stats{color:#6b7280!important}.filter-select,.form-input,.form-select,.search-bar{background:#ffffff!important;border:1px solid #d1d5db!important;color:#1f2937!important;border-radius:6px;transition:all .2s ease}.form-input::-moz-placeholder,.search-bar::-moz-placeholder{color:#9ca3af!important}.form-input::placeholder,.search-bar::placeholder{color:#9ca3af!important}.filter-select:focus,.form-input:focus,.search-bar:focus{border-color:#3b82f6!important;background:#ffffff!important;outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.btn-primary,.btn.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border:1px solid #3b82f6;color:#ffffff!important;font-weight:500;transition:all .2s ease;border-radius:6px;letter-spacing:.01em}.btn-primary:hover,.btn.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;border-color:#2563eb;box-shadow:0 4px 12px rgba(59,130,246,.3)}.btn-secondary,.btn.btn-secondary{background:transparent!important;border:1px solid #d1d5db;color:#4b5563!important;font-weight:500;transition:all .2s ease;border-radius:6px}.btn-secondary:hover,.btn.btn-secondary:hover{background:#f3f4f6!important;border-color:#9ca3af;color:#1f2937!important}.category-chip{background:#f1f5f9!important;border:1px solid #e2e8f0;color:#475569!important;transition:all .2s ease;border-radius:6px;font-weight:500}.category-chip:hover{background:#e2e8f0!important;color:#1e293b!important;border-color:#cbd5e1}.category-chip.active{background:#3b82f6!important;border-color:#3b82f6;color:#ffffff!important}.content-section,.explore-courses-section,.section-recommended,.section-schedule{position:relative;z-index:1}.section-header h2{color:#1e293b!important;font-weight:600;letter-spacing:-.02em}.view-all-link{color:#3b82f6!important;transition:all .2s ease;font-weight:500}.view-all-link:hover{color:#2563eb!important}.greeting-section{background:linear-gradient(135deg,#3b82f6,#2563eb 50%,#1d4ed8)!important;position:relative;z-index:1;border-radius:16px;border:none;box-shadow:0 10px 40px rgba(59,130,246,.3)}.greeting-section h1{color:#ffffff!important;font-weight:700;letter-spacing:-.02em;text-shadow:0 2px 10px rgba(0,0,0,.2)}.greeting-subtitle{color:rgba(255,255,255,.95)!important;text-shadow:0 1px 3px rgba(0,0,0,.15)}.footer,[class*=Footer],[class*=footer]:not([class*=card-footer]):not([class*=modal-footer]),footer{background:#0f172a!important;border-top:1px solid rgba(255,255,255,.1)!important;position:relative;z-index:1;color:rgba(255,255,255,.9)!important}[class*=Footer] *,[class*=footer]:not([class*=card-footer]):not([class*=modal-footer]) *,footer *{background:transparent!important;border-left:none!important;border-right:none!important}[class*=Footer] [class*=brandName],[class*=footer] [class*=brandName],footer [class*=brandName]{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:#ffffff!important;color:#ffffff!important;text-shadow:0 2px 4px rgba(0,0,0,.5)!important;opacity:1!important;display:block}[class*=Footer] [class*=columnTitle],[class*=Footer] h3,[class*=Footer] h4,[class*=footer] [class*=columnTitle],footer [class*=columnTitle],footer h3,footer h4{color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;font-weight:700;letter-spacing:.02em;background:transparent!important}[class*=Footer] [class*=Column],[class*=Footer] [class*=Section],[class*=brandSection],[class*=footerColumn],footer [class*=Column],footer [class*=Section]{background:transparent!important;border:none!important}.footer-content,.footer-section h3,.footer-section h4{color:#ffffff!important;font-weight:700}.footer-section a,.footer-section p,[class*=Footer] a,[class*=Footer] p,[class*=brandTagline],footer [class*=brandTagline]{color:rgba(255,255,255,.7)!important;-webkit-text-fill-color:rgba(255,255,255,.7)!important}[class*=Footer] [class*=link],[class*=Footer] a,footer [class*=link],footer a{color:rgba(255,255,255,.7)!important;transition:all .2s ease!important}.footer-section a:hover,[class*=Footer] a:hover,footer a:hover{color:#60a5fa!important;transform:translateX(2px)}.footer-bottom,[class*=footerBottom],footer [class*=Bottom]{border-top:1px solid rgba(255,255,255,.1)!important;color:rgba(255,255,255,.5)!important}.loading-container,.loading-state{color:var(--theme-text-secondary)!important}.loading-spinner,.spinner{border-color:rgba(0,0,0,.08);border-top-color:var(--theme-accent-teal)}.empty-state,.no-courses-message{color:var(--theme-text-secondary)!important;background:var(--theme-card-bg);border:1px solid var(--theme-card-border);border-radius:12px;padding:3rem}.empty-state h3{color:var(--theme-text-primary)!important;font-weight:600}.empty-state p{color:var(--theme-text-muted)!important}.results-info,.results-info p{color:var(--theme-text-secondary)!important}.explore-controls,.filters-row{position:relative;z-index:1}.clear-filters-btn{background:transparent!important;border:1px solid rgba(225,29,72,.3);color:#fb7185!important;font-weight:500;border-radius:6px}.clear-filters-btn:hover{background:rgba(225,29,72,.08)!important;border-color:rgba(225,29,72,.5)}.auth-modal-content,.modal-content{background:#ffffff!important;border:1px solid #e2e8f0;box-shadow:0 25px 50px rgba(0,0,0,.15);border-radius:16px}.auth-modal-title,.modal-title{color:var(--theme-text-primary)!important;font-weight:600;letter-spacing:-.02em}.auth-modal-message,.modal-text{color:var(--theme-text-secondary)!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.25)}@media (max-width:768px){.explore-header h1,.explore-header-content h1{font-size:2rem}.greeting-section{padding:1.5rem;border-radius:16px}.explore-card,.recommended-card{border-radius:12px}}.scroll-fade-left,.scroll-fade-right,.scroll-fade-up{animation:fadeInUp .6s ease forwards}.analytics-section,.content-section,.courses-section,.profile-section,.schedule-section,.section-achievements,.section-analytics,.section-continue-learning,.section-recommended,.section-schedule,.section-tasks,.settings-section{background:transparent!important}.achievement-card,.activity-card,.analytics-card,.announcement-card,.assignment-card,.auth-card,.badge-card,.calendar-card,.card,.certificate-card,.chart-card,.chat-card,.class-card,.continue-course-card,.course-card,.course-management-card,.cta-container,.data-card,.earnings-card,.event-card,.export-card,.feature-card,.filter-card,.form-card,.info-card,.instructor-card,.learning-card,.lesson-card,.message-card,.module-card,.notification-card,.overview-card,.payment-card,.pricing-card,.profile-card,.progress-card,.quick-stat-card,.quiz-card,.report-card,.schedule-card,.search-result-card,.settings-card,.stat-card,.streak-card,.student-card,.subscription-card,.task-card,.testimonial-card,.ticket-card{background:var(--theme-glass-bg)!important;border:1px solid var(--theme-glass-border)!important;color:var(--theme-text-primary)!important}.card-header,.card-heading,.card-top{background:transparent!important;border-bottom:1px solid var(--theme-glass-border)!important;color:var(--theme-text-primary)!important}.card-body,.card-content,.card-details{background:transparent!important;color:var(--theme-text-secondary)!important}.card-actions,.card-bottom,.card-footer{background:transparent!important;border-top:1px solid var(--theme-glass-border)!important}.activity-table,.course-table,.data-table,.enrollment-table,.payment-table,.student-table,.table,table{background:var(--theme-glass-bg)!important;border:1px solid var(--theme-glass-border)!important;color:var(--theme-text-primary)!important}.table-header,th,thead{background:#f8fafc!important;color:#1e293b!important;border-bottom:1px solid #e2e8f0!important}.table-row,tbody tr{background:transparent!important;border-bottom:1px solid #f1f5f9!important}.table-row:hover,tbody tr:hover{background:#f8fafc!important}.table-cell,td{color:#475569!important;border:none!important}.filter-input,.form-control,.form-input,.form-select,.form-textarea,.input-field,.search-box input:not(.chat-input),.search-input:not(.chat-app .search-input),.select-input,.text-area,.text-input,input:not(.chat-input),select,textarea:not(.chat-input){background:#ffffff!important;border:1px solid #d1d5db!important;color:#1e293b!important}.form-control::-moz-placeholder,.form-input::-moz-placeholder,input:not(.chat-input)::-moz-placeholder,textarea:not(.chat-input)::-moz-placeholder{color:#9ca3af!important}.form-control::placeholder,.form-input::placeholder,input:not(.chat-input)::placeholder,textarea:not(.chat-input)::placeholder{color:#9ca3af!important}.form-control:focus,.form-input:focus,input:not(.chat-input):focus,select:focus,textarea:not(.chat-input):focus{background:#ffffff!important;border-color:#3b82f6!important;box-shadow:0 0 0 3px rgba(59,130,246,.15)!important;outline:none!important}.form-label,.input-label,label{color:var(--theme-text-secondary)!important}.field-group,.form-group,.input-group{background:transparent!important}.autocomplete-dropdown,.dropdown,.dropdown-content,.dropdown-menu,.menu-dropdown,.select-dropdown{background:#ffffff!important;border:1px solid #e2e8f0!important;box-shadow:0 10px 40px rgba(0,0,0,.12)!important;backdrop-filter:blur(20px)!important}.dropdown-item,.dropdown-option,.menu-item{background:transparent!important;color:#475569!important}.dropdown-item:hover,.dropdown-option:hover,.menu-item:hover{background:#f1f5f9!important;color:#1e293b!important}.dropdown-item.active,.dropdown-option.selected{background:rgba(59,130,246,.1)!important;color:#1e293b!important}.dialog,.dialog-content,.lightbox,.modal,.modal-content,.modal-dialog,.overlay-content,.popup,.popup-content{background:#ffffff!important;border:1px solid #e2e8f0!important;box-shadow:0 25px 60px rgba(0,0,0,.15)!important}.dialog-header,.modal-header,.popup-header{background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important;color:#1e293b!important}.dialog-body,.modal-body,.popup-body{background:#ffffff!important;color:#475569!important}.dialog-footer,.modal-footer,.popup-footer{background:transparent!important;border-top:1px solid var(--theme-glass-border)!important}.backdrop,.dialog-overlay,.modal-overlay,.popup-overlay{background:rgba(0,0,0,.75)!important;backdrop-filter:blur(8px)!important}.nav-tabs,.tab-container,.tab-list,.tabs{background:transparent!important;border-bottom:1px solid var(--theme-glass-border)!important}.nav-tab,.tab,.tab-item{background:transparent!important;color:var(--theme-text-muted)!important;border:none!important}.nav-tab:hover,.tab-item:hover,.tab:hover{color:var(--theme-text-primary)!important;background:rgba(255,255,255,.05)!important}.nav-tab.active,.tab-item.active,.tab.active{color:var(--theme-text-primary)!important;background:rgba(59,130,246,.15)!important;border-bottom:2px solid var(--theme-accent-blue)!important}.tab-content,.tab-panel{background:transparent!important}.badge,.chip,.label-badge,.level-badge,.pill,.status-badge,.tag{background:rgba(59,130,246,.1)!important;border:1px solid rgba(59,130,246,.3)!important;color:#3b82f6!important;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.badge-primary,.pill-primary{background:rgba(59,130,246,.15)!important;border-color:rgba(59,130,246,.4)!important;color:#2563eb!important}.badge-success,.pill-success,.status-active,.status-badge.active,.status-badge.completed,.status-completed{background:rgba(16,185,129,.15)!important;border-color:rgba(16,185,129,.4)!important;color:#059669!important}.badge-warning,.pill-warning,.status-badge.upcoming,.status-pending{background:rgba(245,158,11,.15)!important;border-color:rgba(245,158,11,.4)!important;color:#d97706!important}.badge-danger,.badge-error,.pill-danger,.status-rejected{background:rgba(239,68,68,.15)!important;border-color:rgba(239,68,68,.4)!important;color:#dc2626!important}.course-progress-bar,.progress,.progress-bar,.progress-container,.skill-progress{background:rgba(255,255,255,.1)!important;border-radius:9999px}.progress-bar-fill,.progress-fill,.progress-value{background:var(--theme-gradient-purple)!important}.action-panel,.alert-box,.container-box,.content-box,.detail-panel,.filter-panel,.filters-panel,.info-box,.main-panel,.notice-box,.panel,.search-panel,.section-box,.sidebar-panel,.wrapper-box{background:var(--theme-glass-bg)!important;border:1px solid var(--theme-glass-border)!important;color:var(--theme-text-secondary)!important}.alert,.message-box,.notification,.snackbar,.toast{background:#ffffff!important;border:1px solid #e2e8f0!important;color:#1e293b!important;box-shadow:0 4px 12px rgba(0,0,0,.1)!important}.alert-info,.notification-info{border-left:4px solid var(--theme-accent-blue)!important}.alert-success,.notification-success{border-left:4px solid #10b981!important}.alert-warning,.notification-warning{border-left:4px solid #f59e0b!important}.alert-danger,.alert-error,.notification-error{border-left:4px solid #ef4444!important}.accordion,.collapsible,.expandable{background:transparent!important}.accordion-header,.collapsible-header,.expandable-header{background:var(--theme-glass-bg)!important;border:1px solid var(--theme-glass-border)!important;color:var(--theme-text-primary)!important}.accordion-body,.collapsible-body,.expandable-body{background:rgba(255,255,255,.03)!important;border:1px solid var(--theme-glass-border)!important;border-top:none!important;color:var(--theme-text-secondary)!important}.item-list,.list,.list-group,.menu-list,.nav-list{background:transparent!important}.list-group-item,.list-item,.nav-list-item{background:transparent!important;border-bottom:1px solid #f1f5f9!important;color:#475569!important}.list-group-item:hover,.list-item:hover{background:#f8fafc!important;color:#1e293b!important}.popover,.popover-content,.tooltip,.tooltip-content{background:rgba(15,23,42,.98)!important;border:1px solid var(--theme-glass-border)!important;color:var(--theme-text-primary)!important;box-shadow:0 10px 30px rgba(0,0,0,.4)!important}.big-number,.metric,.metric-number,.metric-value,.stat,.stat-number,.stat-value{color:var(--theme-text-primary)!important}.metric-description,.metric-label,.stat-description,.stat-label{color:var(--theme-text-muted)!important}.metric-icon,.stat-icon{background:rgba(255,255,255,.1)!important;color:var(--theme-accent-blue)!important}.search-bar-container,.search-box,.search-container,.search-wrapper{background:var(--theme-glass-bg)!important;border:1px solid var(--theme-glass-border)!important;border-radius:12px}.autocomplete-results,.search-results,.search-suggestions{background:#ffffff!important;border:1px solid #e2e8f0!important;box-shadow:0 10px 40px rgba(0,0,0,.1)!important}.search-result-item,.suggestion-item{background:transparent!important;color:#475569!important;border-bottom:1px solid #f1f5f9!important}.search-result-item:hover,.suggestion-item:hover{background:#f8fafc!important;color:#1e293b!important}.analytics-chart,.chart-container,.chart-wrapper,.graph-container{background:var(--theme-glass-bg)!important;border:1px solid var(--theme-glass-border)!important;border-radius:16px;padding:1.5rem}.profile-banner,.profile-header,.user-header{background:var(--theme-gradient-purple)!important;color:var(--theme-text-primary)!important}.profile-details,.profile-info,.user-info{background:transparent!important;color:var(--theme-text-secondary)!important}.avatar,.profile-avatar,.user-avatar{background:rgba(255,255,255,.15)!important;border:2px solid rgba(255,255,255,.2)!important}.profile-stats,.user-stats{background:rgba(255,255,255,.05)!important;border:1px solid var(--theme-glass-border)!important}.course-curriculum,.curriculum,.curriculum-section,.lesson-list,.module-list{background:transparent!important}.curriculum-item,.lesson-item,.module-item{background:var(--theme-glass-bg)!important;border:1px solid var(--theme-glass-border)!important;color:var(--theme-text-secondary)!important}.curriculum-item:hover,.lesson-item:hover,.module-item:hover{background:rgba(255,255,255,.1)!important}.article-content,.lesson-content,.module-content,.video-container{color:var(--theme-text-primary)!important}.article-content,.assignment-container,.lesson-content,.module-content,.quiz-container,.submission-container,.video-container{background:var(--theme-glass-bg)!important;border:1px solid var(--theme-glass-border)!important}.question,.question-card,.quiz-question{color:var(--theme-text-primary)!important}.answer-option,.question,.question-card,.quiz-option,.quiz-question{background:rgba(255,255,255,.05)!important;border:1px solid var(--theme-glass-border)!important}.answer-option,.quiz-option{color:var(--theme-text-secondary)!important}.answer-option:hover,.quiz-option:hover{background:rgba(255,255,255,.1)!important;border-color:var(--theme-accent-blue)!important}.answer-option.selected,.quiz-option.selected{background:rgba(59,130,246,.2)!important;border-color:var(--theme-accent-blue)!important}.calendar,.calendar-container,.schedule-calendar{background:var(--theme-glass-bg)!important;border:1px solid var(--theme-glass-border)!important}.calendar-header{background:transparent!important;color:var(--theme-text-primary)!important;border-bottom:1px solid var(--theme-glass-border)!important}.calendar-date,.calendar-day{background:transparent!important;color:var(--theme-text-secondary)!important}.calendar-date:hover,.calendar-day:hover{background:rgba(255,255,255,.1)!important}.calendar-date.today,.calendar-day.today{background:rgba(59,130,246,.2)!important;color:var(--theme-text-primary)!important}.calendar-event,.schedule-event{background:rgba(139,92,246,.3)!important;border-left:3px solid var(--theme-accent-purple)!important;color:var(--theme-text-primary)!important}.chat-container,.chat-window,.message-container{background:#1a1f2e!important;border:1px solid rgba(255,255,255,.08)!important}.chat-header,.message-header{background:#1a1f2e!important;border-bottom:1px solid rgba(255,255,255,.06)!important;color:#f1f5f9!important}.chat-messages,.message-list{background:#111827!important}.chat-message,.message-bubble{background:transparent!important;color:#e2e8f0!important}.chat-message.sent,.message-bubble.sent{background:transparent!important;color:#ffffff!important}.chat-input-container,.message-input-container{background:rgba(255,255,255,.04)!important;border-top:1px solid rgba(255,255,255,.05)!important}.empty-state,.no-data,.no-results,.placeholder-container,.zero-state{background:var(--theme-glass-bg)!important;border:1px dashed var(--theme-glass-border)!important;color:var(--theme-text-muted)!important}.empty-state h3,.no-data h3,.no-results h3{color:var(--theme-text-primary)!important}.empty-state p,.no-data p,.no-results p{color:var(--theme-text-muted)!important}.quick-stats,.stats-grid,.stats-row{background:transparent!important}.quick-stat,.stat-box{background:var(--theme-glass-bg)!important;border:1px solid var(--theme-glass-border)!important}.events-list,.schedule-list,.today-schedule{background:transparent!important}.class-item,.event-item,.schedule-item{background:var(--theme-glass-bg)!important;border:1px solid var(--theme-glass-border)!important;color:var(--theme-text-secondary)!important}.event-item:hover,.schedule-item:hover{background:rgba(255,255,255,.1)!important}.tasks-list,.todo-list{background:transparent!important}.achievement-display,.streak-display,.task-item,.todo-item{background:var(--theme-glass-bg)!important;border:1px solid var(--theme-glass-border)!important}.activity-day,.streak-day{background:rgba(255,255,255,.05)!important}.activity-day.active,.streak-day.active{background:var(--theme-gradient-purple)!important}.instructor-stats,.teacher-stats{background:transparent!important}.earnings-display,.revenue-display{background:var(--theme-glass-bg)!important;border:1px solid var(--theme-glass-border)!important}.enrollee-list,.student-list{background:transparent!important}.admin-panel,.enrollee-item,.management-panel,.student-item{background:var(--theme-glass-bg)!important;border:1px solid var(--theme-glass-border)!important}.course-management,.system-settings,.user-management{background:transparent!important}.approval-card,.review-card{background:var(--theme-glass-bg)!important;border:1px solid var(--theme-glass-border)!important}.cta-section,.features-section,.hero-section,.pricing-section,.stats-section,.testimonials-section{background:transparent!important}.feature-card,.pricing-card,.testimonial-card{background:var(--theme-glass-bg)!important;border:1px solid var(--theme-glass-border)!important}.divider,.horizontal-line,.separator,hr{border-color:var(--theme-glass-border)!important;background:var(--theme-glass-border)!important}.heading,.section-title,.title,h1,h2,h3,h4,h5,h6{color:var(--theme-text-primary)!important}.caption,.description,.subtitle,.text,p{color:var(--theme-text-secondary)!important}.helper-text,.hint,.muted,.text-muted{color:var(--theme-text-muted)!important}a:not(.btn):not(.button){color:var(--theme-accent-blue)!important}a:not(.btn):not(.button):hover{color:#93c5fd!important}.icon-box,.icon-circle,.icon-container,.icon-wrapper{background:rgba(59,130,246,.1)!important;color:#3b82f6!important}.loading-skeleton,.placeholder-glow,.skeleton,.skeleton-loader{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%)!important;background-size:200% 100%!important;animation:shimmer 1.5s infinite!important}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.breadcrumb,.breadcrumbs{background:transparent!important}.breadcrumb,.breadcrumb a,.breadcrumb-item,.breadcrumbs{color:var(--theme-text-muted)!important}.breadcrumb-item.active{color:var(--theme-text-primary)!important}.pagination,.paginator{background:transparent!important}.page-item,.pagination-item{background:var(--theme-glass-bg)!important;border:1px solid var(--theme-glass-border)!important;color:var(--theme-text-secondary)!important}.page-item:hover,.pagination-item:hover{background:rgba(255,255,255,.1)!important}.page-item.active,.pagination-item.active{background:var(--theme-accent-blue)!important;color:var(--theme-text-primary)!important}.code-block,code,pre{background:#f1f5f9!important;border:1px solid #e2e8f0!important;color:#1e293b!important}.quote,blockquote{background:rgba(255,255,255,.05)!important;border-left:4px solid var(--theme-accent-purple)!important;color:var(--theme-text-secondary)!important}.figure,figure{background:transparent!important}.figure-caption,figcaption{color:var(--theme-text-muted)!important}::-moz-selection{background:rgba(139,92,246,.4)!important;color:var(--theme-text-primary)!important}::selection{background:rgba(139,92,246,.4)!important;color:var(--theme-text-primary)!important}.continue-course-card,.course-card,.enhanced-course-card,.recommended-card,.stat-card{background:#ffffff!important;border:1px solid #e2e8f0!important;color:#1e293b!important;box-shadow:0 4px 12px rgba(0,0,0,.08)!important;border-radius:16px!important;overflow:hidden}.continue-course-card:hover,.course-card:hover,.enhanced-course-card:hover,.recommended-card:hover,.stat-card:hover{background:#ffffff!important;border-color:#3b82f6!important;transform:translateY(-4px);box-shadow:0 12px 24px rgba(59,130,246,.15)!important}.continue-course-card h3,.course-card h3,.enhanced-course-card h3,.recommended-card h3{color:#1e293b!important;-webkit-text-fill-color:#1e293b!important}.continue-course-card p,.course-card .course-instructor span,.course-card p,.course-card span,.enhanced-course-card .course-instructor span,.enhanced-course-card p,.enhanced-course-card span,.recommended-card p{color:#475569!important}.course-card .course-meta p,.enhanced-course-card .course-meta p{color:#64748b!important}.course-card .progress-header span,.enhanced-course-card .progress-header span{color:#475569!important}.course-card .progress-percent,.enhanced-course-card .progress-percent{color:#3b82f6!important;font-weight:700!important}.course-card .progress-bar-container,.enhanced-course-card .progress-bar-container{background:#e2e8f0!important}.greeting-actions .btn-primary{background:rgba(255,255,255,.15)!important;color:white!important;border:2px solid rgba(255,255,255,.3)!important;backdrop-filter:blur(10px)!important}.greeting-actions .btn-primary:hover{background:rgba(255,255,255,.25)!important}.search-input{background:rgba(255,255,255,.08)!important;border:2px solid rgba(255,255,255,.15)!important;color:var(--theme-text-primary)!important}.search-input:focus{border-color:var(--theme-accent-blue)!important;box-shadow:0 0 0 4px rgba(59,130,246,.2)!important}.search-input::-moz-placeholder{color:var(--theme-text-subtle)!important}.search-input::placeholder{color:var(--theme-text-subtle)!important}.filter-btn{background:var(--theme-glass-bg)!important;border:2px solid var(--theme-glass-border)!important;color:var(--theme-text-secondary)!important}.filter-btn:hover{border-color:var(--theme-accent-blue)!important;color:var(--theme-accent-blue)!important;background:rgba(59,130,246,.1)!important}.filter-btn.active{background:var(--theme-gradient-purple)!important;color:white!important;border-color:transparent!important}.schedule-item{background:var(--theme-glass-bg)!important;border:1px solid var(--theme-glass-border)!important;color:var(--theme-text-secondary)!important}.schedule-item:hover{background:var(--theme-card-bg-hover)!important}.analytics-section{background:var(--theme-glass-bg)!important;border:1px solid var(--theme-glass-border)!important;color:var(--theme-text-primary)!important}.empty-state,.empty-state-card{background:var(--theme-glass-bg)!important;border:2px dashed var(--theme-glass-border)!important;color:var(--theme-text-muted)!important}.features{background:transparent!important}.feature-card{color:var(--theme-text-primary)!important}.feature-card:hover{border-color:var(--theme-accent-purple)!important}.feature-icon{background:rgba(139,92,246,.2)!important;color:var(--theme-accent-purple)!important}.feature-card h3{color:var(--theme-text-primary)!important}.feature-card p{color:var(--theme-text-secondary)!important}.btn-secondary{color:#475569!important;border:1px solid #e2e8f0!important}.btn-secondary:hover{background:#e2e8f0!important;border-color:#cbd5e1!important;color:#1e293b!important}.cta,.how-it-works,.stats-container,.testimonials{background:transparent!important}.stat-item{background:var(--theme-glass-bg)!important;border:1px solid var(--theme-glass-border)!important}.stat-number{color:var(--theme-text-primary)!important}.stat-description,.stat-label{color:var(--theme-text-secondary)!important}.step,.step-card{background:var(--theme-glass-bg)!important;border:1px solid var(--theme-glass-border)!important}.step-number{color:white!important}.step h3,.step-card h3{color:var(--theme-text-primary)!important}.step p,.step-card p,.testimonial-content,.testimonial-text{color:var(--theme-text-secondary)!important}.testimonial-author,.testimonial-name{color:var(--theme-text-primary)!important}.testimonial-role{color:var(--theme-text-muted)!important}.cta-box,.cta-container{background:var(--theme-gradient-purple)!important;color:white!important}.achievement-card,.activity-card,.announcement-card,.certificate-card,.course-stats-card,.earnings-card,.enrollment-card,.learning-path-card,.notification-card,.overview-card,.payment-card,.profile-card,.progress-card,.quick-stats-card,.revenue-card,.settings-card,.streak-card{background:var(--theme-glass-bg)!important;border:1px solid var(--theme-glass-border)!important;color:var(--theme-text-primary)!important}.app-wrapper,.content-area,.content-wrapper,.dashboard-content,.explore-content,.layout-wrapper,.main-content,.main-wrapper,.page-content,.page-wrapper,.profile-content,.section-container,.settings-content{background:transparent!important}.content-header,.page-header,.section-heading{background:transparent!important;color:var(--theme-text-primary)!important}.auth-form,.form-container,.form-wrapper,.login-form,.registration-form,.signup-form{color:var(--theme-text-primary)!important}.auth-form,.form-container,.form-wrapper,.login-form,.registration-form,.signup-form,.ui-box,.ui-card,.ui-container,.ui-panel{background:var(--theme-glass-bg)!important;border:1px solid var(--theme-glass-border)!important}.notification-container,.notification-list,.notifications-panel{background:#ffffff!important;border:1px solid #e2e8f0!important;box-shadow:0 10px 40px rgba(0,0,0,.1)!important}.notification-item{background:transparent!important;border-bottom:1px solid #f1f5f9!important;color:#475569!important}.notification-item:hover{background:#f8fafc!important}.notification-item.unread{background:rgba(59,130,246,.05)!important}[class*=card]:not([class*=footer]):not(footer *){background:#ffffff!important;color:#1e293b!important;border:1px solid #e2e8f0!important}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding:.5rem 0}.course-grid-item,.course-list-item{background:#ffffff!important;border:1px solid #e2e8f0!important;border-radius:16px}section{background:transparent!important}input[type=date],input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.15)!important;color:var(--theme-text-primary)!important}.checkbox-group,.form-check,.radio-group{background:transparent!important}.bg-\[\#fff\],.bg-\[\#ffffff\],.bg-\[white\],.bg-gray-100,.bg-gray-50,.bg-light,.bg-white{background:var(--theme-glass-bg)!important}.hero{background:linear-gradient(135deg,#0a1128,#1a2642 50%,#1e3a5f)!important}.cta-section,.faq-section,.features,.footer-section,.how-it-works-section,.pricing-section,.stats-section,.testimonials{background:transparent!important}.hero-badge{background:rgba(99,102,241,.2)!important;border:1px solid rgba(99,102,241,.4)!important;color:#a5b4fc!important}.hero-title{color:#ffffff!important}.hero-description{color:rgba(255,255,255,.8)!important}.section-description,.section-label,.section-title{color:#1e293b!important}.section-description{color:#64748b!important}.feature-card{background:var(--theme-glass-bg)!important;border:1px solid var(--theme-glass-border)!important}.feature-card:hover{background:var(--theme-card-bg-hover)!important;border-color:rgba(99,102,241,.4)!important}.feature-icon{background:rgba(99,102,241,.1)!important;color:#4f46e5!important}.feature-card h3,.feature-title{color:#1e293b!important}.feature-card p,.feature-description{color:#64748b!important}.testimonial-card{background:var(--theme-glass-bg)!important;border:1px solid var(--theme-glass-border)!important}.testimonial-content{color:#475569!important}.testimonial-author-info h4{color:#1e293b!important}.testimonial-author-info span{color:#64748b!important}.stat-card,.stat-item{background:var(--theme-glass-bg)!important;border:1px solid var(--theme-glass-border)!important}.stat-value{color:#1e293b!important}.stat-label{color:#64748b!important}.cta-container{background:var(--theme-gradient-purple)!important}.cta-container h2,.cta-container p{color:#ffffff!important}.courses-preview,.how-it-works,.stats-container,.testimonials-section{background:transparent!important}.step-card,.step-item{background:var(--theme-glass-bg)!important;border:1px solid var(--theme-glass-border)!important}.step-number{background:var(--theme-gradient-purple)!important;color:#ffffff!important}.step-card h3,.step-title{color:#1e293b!important}.step-card p,.step-description{color:#64748b!important}.course-card-landing,.course-preview-card{background:var(--theme-glass-bg)!important;border:1px solid var(--theme-glass-border)!important}.course-card-landing:hover,.course-preview-card:hover{background:var(--theme-card-bg-hover)!important}.course-price{color:#a5b4fc!important}.category-tag,.course-tag{background:rgba(99,102,241,.2)!important;color:#a5b4fc!important;border:1px solid rgba(99,102,241,.3)!important}.footer,.footer-container,[class*=footer],footer{background:linear-gradient(135deg,#0f172a,#1e293b)!important;border-top:1px solid rgba(255,255,255,.1)!important;color:rgba(255,255,255,.9)!important}.footer a,.footer-link,[class*=footer] a{color:rgba(255,255,255,.7)!important}.footer a:hover,.footer-link:hover,[class*=footer] a:hover{color:#60a5fa!important}.footer-copyright,[class*=footer] p{color:rgba(255,255,255,.7)!important}[class*=footer] h3,[class*=footer] h4{color:#ffffff!important}.backdrop,.modal-overlay,.overlay{background:rgba(0,0,0,.75)!important;backdrop-filter:blur(8px)!important}.panel,.side-panel,.sidebar{background:var(--theme-glass-bg)!important;border:1px solid var(--theme-glass-border)!important}.form-section,.input-container,.input-wrapper,.option-group,.settings-group{background:transparent!important}.alert-dialog,.confirm-dialog,.confirm-modal{background:#ffffff!important;border:1px solid #e2e8f0!important}.snackbar-container,.toast-container{background:transparent!important}.error-box,.info-box,.success-box,.warning-box{background:#f8fafc!important;border:1px solid #e2e8f0!important}.loading-overlay,.loading-screen{background:var(--theme-gradient-main)!important}@media print{body{background:white!important;color:black!important}}.sidebar-toggle span{background:#e2e8f0!important}.toggle-slider:before{background:#f8fafc!important}.content-area,.dashboard-content,.main-content,.page,.page-container{background:transparent!important}.table-container{background:#ffffff!important;border:1px solid #e2e8f0!important}.students-table tbody tr{background:transparent!important}.students-table tbody tr:hover{background:#f8fafc!important}.page-btn{background:#ffffff!important;border-color:#e2e8f0!important;color:#475569!important}.page-btn:hover{background:#f1f5f9!important}.page-btn.active{background:#3b82f6!important;color:white!important}.assignment-card,.feedback-panel,.grading-panel,.submission-card,.submission-panel{background:#ffffff!important;border:1px solid #e2e8f0!important}.assignments-container,.my-courses-container,.progress-container{background:transparent!important}.card h1,.card h2,.card h3,.card h4,.card h5,.card h6,.panel h1,.panel h2,.panel h3,.panel h4,.panel h5,.panel h6,.section h1,.section h2,.section h3,.section h4,.section h5,.section h6{color:#1e293b!important}.card li,.card p,.card span,.field-label,.form-label,.input-label,.panel li,.panel p,.panel span,.section li,.section p,.section span,.table,label,table,tbody,td,th,thead,tr{color:#475569!important}th,thead{color:#1e293b!important}.ui-container,.ui-panel,.ui-wrapper{background:var(--theme-glass-bg)!important;border-color:var(--theme-glass-border)!important}.invoice-card,.payment-card,.payment-details,.payment-filters,.payment-summary,.payment-table,.transaction-card{background:var(--theme-glass-bg)!important;border:1px solid var(--theme-glass-border)!important;color:var(--theme-text-secondary)!important}.preference-card,.setting-group,.settings-card,.settings-form,.settings-section{background:var(--theme-glass-bg)!important;color:var(--theme-text-secondary)!important}.analytics-card,.analytics-container,.earnings-card,.metric-card,.revenue-chart,.stat-panel{background:var(--theme-glass-bg)!important;border:1px solid var(--theme-glass-border)!important;color:var(--theme-text-secondary)!important}.achievement-card,.analytics-tab-content,.learning-analytics,.performance-card,.progress-card{background:#ffffff!important;color:#1e293b!important}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=text],select,textarea{background:#ffffff!important;border:1px solid #e2e8f0!important;color:#1e293b!important}input[type=email]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=search]::-moz-placeholder,input[type=text]::-moz-placeholder,textarea::-moz-placeholder{color:#94a3b8!important}input[type=email]::placeholder,input[type=password]::placeholder,input[type=search]::placeholder,input[type=text]::placeholder,textarea::placeholder{color:#94a3b8!important}.courses-table,.data-table,.payments-table,.results-table,.students-table{background:#ffffff!important;color:#1e293b!important}.courses-table th,.data-table th,.payments-table th,.results-table th,.students-table th{background:#f8fafc!important;color:#1e293b!important}.courses-table td,.data-table td,.payments-table td,.results-table td,.students-table td{border-color:#e2e8f0!important;color:#475569!important}.filter-bar,.filter-section,.filters,.search-bar{background:#ffffff!important;border:1px solid #e2e8f0!important}.page-controls,.page-nav,.pagination{background:transparent!important}.page-btn,.page-number,.pagination-btn{background:#ffffff!important;border:1px solid #e2e8f0!important;color:#475569!important}.page-btn.active,.page-btn:hover,.page-number.active,.page-number:hover,.pagination-btn:hover{background:rgba(59,130,246,.1)!important;border-color:#3b82f6!important;color:#1e293b!important}.modal-overlay{background:rgba(0,0,0,.5)!important}.dialog,.modal,.popup{box-shadow:0 25px 50px rgba(0,0,0,.2)!important;color:#1e293b!important}.chart-box,.chart-wrapper,.dialog,.graph-container,.kpi-card,.metrics-box,.modal,.popup,.stats-card,.summary-card{background:#ffffff!important;border:1px solid #e2e8f0!important}.kpi-card,.metrics-box,.stats-card,.summary-card{color:#1e293b!important}table:not(.landing-table){background:#ffffff!important;color:#1e293b!important}th:not(.landing-table *),thead:not(.landing-table *){background:#f8fafc!important;color:#1e293b!important}tbody tr:not(.landing-table *){border-color:#e2e8f0!important}tbody tr:hover:not(.landing-table *){background:#f8fafc!important}td:not(.landing-table *){color:#475569!important;border-color:#e2e8f0!important}.activity-table,.badge-card,.payment-table,.scores-table{background:#ffffff!important;color:#1e293b!important}.btn-secondary{background:#f1f5f9!important;color:#3b82f6!important;border-color:#e2e8f0!important}.activity-log-section h3,.h1,.h2,.h3,.h4,.h5,.h6,.payment-history-section h3,.recent-scores-section h3,.subscription-details p,h1:not(.greeting-section h1):not(.greeting-content h1),h2:not(.greeting-section h2),h3:not(.greeting-section h3):not(.footer h3):not(.footer-section h3),h4:not(.footer h4):not(.footer-section h4),h5,h6{color:#1e293b!important}p:not(.greeting-section p):not(.greeting-subtitle):not(.footer p):not(.footer-section p),span:not(.btn span):not([class*=icon]):not([class*=badge]):not(.greeting-section span):not(.footer span){color:#475569}.header-title,.heading,.title,[class*=heading]:not(.greeting-section *),[class*=title]:not(.btn):not([class*=subtitle]):not(.greeting-section *){color:#1e293b!important}.content:not(.greeting-content),.description:not(.greeting-section *),.text:not(.greeting-section *),[class*=description]:not(.greeting-section *),[class*=subtitle]:not(.greeting-subtitle),[class*=text-muted]{color:#64748b!important}.analyticsContainer h1,.header h1,[class*=Analytics] h1,[class*=analytics] h1{color:#1e293b!important;-webkit-text-fill-color:#1e293b!important;background:none!important}.course-name,.course-title,[class*=Course] [class*=Title],[class*=Stat] [class*=Label],[class*=Stat] [class*=Value],[class*=course] [class*=title],[class*=stat] [class*=label],[class*=stat] [class*=value]{color:#1e293b!important}.dashboard-content,.main-content,[class*=dashboard][class*=content]:not(.greeting-content){background:#e2e8f0!important}.box:not(.greeting-section *),.card:not(.greeting-section *),.panel:not(.greeting-section *),[class*=Card]:not(.course-card-image):not(.greeting-section *),[class*=card]:not(.course-card-image):not(.greeting-section *){background:#ffffff!important;border-color:#e2e8f0!important}.greeting-section,.greeting-section *{background:transparent}.greeting-content h1,.greeting-section h1{color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;background:none!important;text-shadow:0 2px 10px rgba(0,0,0,.2)}.greeting-section p,.greeting-subtitle{color:rgba(255,255,255,.95)!important;background:none!important}.dashboard-main h1,.dashboard-main h2,.dashboard-main h3,.dashboard-main h4,.dashboard-main h5,.dashboard-main h6{color:#111827!important;-webkit-text-fill-color:#111827!important;background:none!important;text-shadow:none!important;opacity:1!important}.greeting-content h1,.greeting-section h1,.greeting-section h2{color:#ffffff!important;-webkit-text-fill-color:#ffffff!important}.dashboard-main .description,.dashboard-main .subtitle,.dashboard-main p,.dashboard-main span{color:#4b5563!important;opacity:1!important}.dashboard-main button:not(.active):not(.menu-btn){color:#374151!important}.dashboard-main button.active{color:#ffffff!important}#live-classes-root h1,[class*=LiveClasses] h1,[class*=LiveClasses] h2,[class*=LiveClasses] h3,[class*=live-classes] h1,[class*=liveClasses] h1{color:#111827!important;-webkit-text-fill-color:#111827!important;background:none!important;text-shadow:none!important}[class*=LiveClasses] p,[class*=LiveClasses] span:not([class*=badge]):not([class*=pulse]),[class*=live-classes] p,[class*=liveClasses] p{color:#4b5563!important}[class*=Filter] button,[class*=filter] button{color:#374151!important;background:#ffffff!important;border-color:#d1d5db!important}[class*=Filter] button:hover,[class*=filter] button:hover{color:#4f46e5!important;border-color:#4f46e5!important}[class*=Filter] .active,[class*=Filter] button.active,[class*=filter] .active,[class*=filter] button.active{color:#ffffff!important;background:#4f46e5!important;border-color:#4f46e5!important}.courses-count{color:#374151!important;-webkit-text-fill-color:#374151!important}.courses-count strong{color:#4f46e5!important;-webkit-text-fill-color:#4f46e5!important}.courses-grid .explore-card,.courses-grid .recommended-card,.explore-card,.explore-card .recommended-card,.recommended-card{background:#ffffff!important;border:1px solid #e5e7eb!important;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)!important;overflow:visible!important}.courses-grid .explore-card:hover,.explore-card:hover,.explore-card:hover .recommended-card,.recommended-card:hover{background:#ffffff!important;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)!important}.explore-card:before,.recommended-card:before{display:none!important}.explore-card .recommended-details,.recommended-card .recommended-details,.recommended-details{background:#ffffff!important;padding:1.25rem!important;overflow:visible!important;display:flex!important;flex-direction:column!important;gap:.5rem!important}.course-title,.courses-grid .course-title,.explore-card .course-title,.recommended-card .course-title{color:#111827!important;-webkit-text-fill-color:#111827!important}.explore-card:hover .course-title,.recommended-card:hover .course-title{color:#4f46e5!important;-webkit-text-fill-color:#4f46e5!important}.course-instructor,.courses-grid .course-instructor,.explore-card .course-instructor,.recommended-card .course-instructor{color:#6b7280!important;-webkit-text-fill-color:#6b7280!important}.explore-card,.recommended-card{height:auto!important;min-height:auto!important;max-height:none!important;overflow:visible!important}.explore-card h4,.recommended-card h4,.recommended-details h4{color:#111827!important;-webkit-text-fill-color:#111827!important}.recommended-card:hover .recommended-details h4{color:#4f46e5!important;-webkit-text-fill-color:#4f46e5!important}.recommended-card .recommended-instructor,.recommended-card .recommended-meta,.recommended-instructor,.recommended-meta{color:#6b7280!important;-webkit-text-fill-color:#6b7280!important}.recommended-card .recommended-meta span,.recommended-meta span{color:#374151!important;-webkit-text-fill-color:#374151!important}.course-footer{border-top:1px solid #e5e7eb!important;background:transparent!important;padding:1rem 0 0!important}.course-footer .price,.explore-card .price,.price,.recommended-card .price{color:#4f46e5!important;-webkit-text-fill-color:#4f46e5!important;background:none!important;font-size:1.25rem!important;font-weight:700!important}.course-footer .btn,.course-footer .btn-primary,.course-footer .btn.btn-primary,.explore-card .btn,.explore-card .btn-primary,.recommended-card .btn,.recommended-card .btn-primary{background:linear-gradient(135deg,#4f46e5,#6366f1)!important;color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;border:none!important;padding:.75rem 1.5rem!important}.course-footer .btn-primary:hover,.course-footer .btn:hover{background:linear-gradient(135deg,#4338ca,#4f46e5)!important;color:#ffffff!important;-webkit-text-fill-color:#ffffff!important}.no-courses{background:#f9fafb!important;border:1px dashed #d1d5db!important}.no-courses h3{color:#111827!important;-webkit-text-fill-color:#111827!important}.no-courses p{color:#6b7280!important;-webkit-text-fill-color:#6b7280!important}.filter-btn{color:#374151!important;-webkit-text-fill-color:#374151!important;background:#f3f4f6!important;border:1px solid #d1d5db!important}.filter-btn:hover{background:#e5e7eb!important;color:#111827!important;-webkit-text-fill-color:#111827!important}.filter-btn.active{background:#4f46e5!important;color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;border-color:#4f46e5!important}.category-badge,.recommended-card .category-badge{background:#eef2ff!important;color:#4f46e5!important;-webkit-text-fill-color:#4f46e5!important}.course-tags .course-tag,.explore-card .course-tag,.recommended-card .course-tag{background:#eef2ff!important;color:#4338ca!important;-webkit-text-fill-color:#4338ca!important;border:1px solid #c7d2fe!important}.explore-card .course-description,.recommended-card .course-description,.recommended-details .course-description{color:#6b7280!important;-webkit-text-fill-color:#6b7280!important}.course-level,.explore-card .course-level,.recommended-card .course-level{background:#f3f4f6!important;color:#374151!important;-webkit-text-fill-color:#374151!important}.explore-card .free-badge,.free-badge,.recommended-card .free-badge{background:#10b981!important;color:#ffffff!important;-webkit-text-fill-color:#ffffff!important}.filter-notice{color:#6b7280!important;-webkit-text-fill-color:#6b7280!important}.course-actions,.course-footer .course-actions,.explore-card .course-actions,.recommended-card .course-actions{background:transparent!important;display:flex!important;flex-direction:row!important;gap:.75rem!important}.btn-sm,.course-footer .btn-sm,.explore-card .btn-sm,.recommended-card .btn-sm{background:linear-gradient(135deg,#4f46e5,#6366f1)!important;color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;flex:0 0 auto!important;width:auto!important;padding:.75rem 1.5rem!important}.btn-sm:before,.explore-card .btn-sm:before,.recommended-card .btn-sm:before{display:none!important}.course-price,.explore-card .course-price,.recommended-card .course-price{background:transparent!important}.chat-app{--chat-primary:#ef4444;--chat-primary-hover:#dc2626;--chat-secondary:#f87171;--chat-accent:#fca5a5;--chat-bg-main:#f8fafc;--chat-bg-sidebar:#ffffff;--chat-bg-window:#ffffff;--chat-bg-header:#ffffff;--chat-bg-glass:rgba(0,0,0,0.02);--chat-bubble-sent:linear-gradient(135deg,#f87171,#ef4444);--chat-bubble-received:#f1f5f9;--chat-text-primary:#1e293b;--chat-text-secondary:#64748b;--chat-text-inverse:#1e293b;--chat-text-muted:#94a3b8;--chat-border:rgba(0,0,0,0.08);--chat-border-light:rgba(0,0,0,0.05);--chat-hover:rgba(0,0,0,0.04);--chat-shadow:0 4px 20px rgba(0,0,0,0.08);--chat-shadow-lg:0 20px 40px rgba(0,0,0,0.12);--chat-success:#10b981;--chat-warning:#f59e0b;--chat-danger:#ef4444;--chat-online:#22c55e;min-height:100vh;background:var(--chat-bg-main);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow:hidden}.chat-app:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(239,68,68,.02) 0,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(139,92,246,.02) 0,transparent 50%);pointer-events:none;z-index:0;opacity:1}.chat-app-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#ffffff;border-bottom:1px solid rgba(0,0,0,.08);position:relative;z-index:10;box-shadow:0 1px 3px rgba(0,0,0,.06)}.chat-app-header h1{font-size:1.3rem;font-weight:600;color:var(--chat-text-primary);margin:0}.chat-back-to-dashboard{padding:10px 20px;background:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.1);border-radius:12px;color:#1e293b;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.chat-back-to-dashboard:hover{background:rgba(239,68,68,.08);border-color:#ef4444;color:#ef4444;transform:translateX(-4px)}.chat-main-container{display:flex;flex:1;overflow:hidden;position:relative;z-index:1;padding:20px;gap:20px}.chat-sidebar{width:340px;background:#ffffff;border-radius:20px;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 12px rgba(0,0,0,.06)}.chat-sidebar-header{padding:24px;border-bottom:1px solid var(--chat-border-light)}.chat-sidebar-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.chat-sidebar-title h2{font-size:1.4rem;font-weight:700;color:var(--chat-text-primary);margin:0;display:flex;align-items:center;gap:10px}.chat-sidebar-title h2:before{content:"💬";font-size:1.2rem}.chat-new-btn{width:40px;height:40px;border-radius:10px;background:var(--chat-primary);border:none;color:white;font-size:1.3rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(239,68,68,.25)}.chat-new-btn:hover{transform:scale(1.05);background:var(--chat-primary-hover);box-shadow:0 4px 12px rgba(239,68,68,.35)}.chat-search-box{display:flex;align-items:center;background:#f8fafc;border:1px solid rgba(0,0,0,.1);border-radius:10px;padding:10px 14px;gap:10px;transition:all .2s ease}.chat-search-box:focus-within{border-color:#ef4444;background:#ffffff;box-shadow:0 0 0 2px rgba(239,68,68,.15)}.chat-search-icon{color:var(--chat-text-muted);font-size:1rem}.chat-search-box input{flex:1;border:none;background:transparent;color:var(--chat-text-primary);font-size:.9rem;outline:none}.chat-search-box input::-moz-placeholder{color:var(--chat-text-muted)}.chat-search-box input::placeholder{color:var(--chat-text-muted)}.chat-tabs{display:flex;padding:12px 16px;gap:8px;border-bottom:1px solid var(--chat-border-light)}.chat-tab{flex:1;padding:10px 16px;border:none;background:transparent;color:var(--chat-text-secondary);font-size:.85rem;font-weight:500;border-radius:10px;cursor:pointer;transition:all .3s ease}.chat-tab:hover{background:var(--chat-bg-glass);color:var(--chat-text-primary)}.chat-tab.active{background:var(--chat-primary);color:white;box-shadow:0 2px 8px rgba(239,68,68,.3)}.chat-conversation-list{flex:1;overflow-y:auto;padding:12px}.chat-conversation-list::-webkit-scrollbar{width:6px}.chat-conversation-list::-webkit-scrollbar-track{background:transparent}.chat-conversation-list::-webkit-scrollbar-thumb{background:var(--chat-border);border-radius:3px}.chat-conversation-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;cursor:pointer;transition:all .3s ease;margin-bottom:6px;border:1px solid transparent}.chat-conversation-item:hover{background:var(--chat-hover);border-color:var(--chat-border)}.chat-conversation-item.active{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.3);box-shadow:inset 3px 0 0 var(--chat-primary)}.chat-avatar{position:relative;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#ef4444,#dc2626);display:flex;align-items:center;justify-content:center;color:white;font-weight:600;font-size:1rem;flex-shrink:0;box-shadow:0 2px 8px rgba(239,68,68,.25)}.chat-avatar-online{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:var(--chat-online);border-radius:50%;border:2px solid var(--chat-bg-sidebar);box-shadow:0 0 8px var(--chat-online)}.chat-conversation-info{flex:1;min-width:0}.chat-conversation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.chat-conversation-name{font-weight:600;color:var(--chat-text-primary);font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-conversation-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.chat-conversation-time{font-size:.75rem;color:var(--chat-text-muted)}.chat-conversation-time.unread{color:#25D366;font-weight:600}.chat-conversation-preview{font-size:.85rem;color:var(--chat-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-conversation-preview.unread{color:var(--chat-text-primary);font-weight:500}.chat-unread-badge{min-width:20px;height:20px;background:#25D366;border-radius:10px;color:white;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 6px;box-shadow:0 2px 8px rgba(37,211,102,.4);animation:badge-pop .3s ease}@keyframes badge-pop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.chat-window{flex:1;backdrop-filter:blur(30px) saturate(180%);border-radius:20px;overflow:hidden;border:1px solid rgba(0,0,0,.08)!important;box-shadow:var(--chat-shadow)}.chat-window,.chat-window.empty-state{display:flex;flex-direction:column;background:#ffffff!important}.chat-window.empty-state{align-items:center;justify-content:center;text-align:center;padding:60px}.chat-window.empty-state h3{color:#1e293b!important;font-size:1.3rem;margin-bottom:8px}.chat-window.empty-state p{color:#64748b!important;font-size:.95rem}.chat-empty-icon{font-size:4rem;margin-bottom:20px;opacity:.6}.chat-window-header{display:flex;align-items:center;gap:16px;padding:20px 24px;background:#ffffff!important;backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.08)!important}.chat-window-header-info{flex:1}.chat-window-header-name{font-size:1.1rem;font-weight:600;color:#1e293b!important;margin:0 0 4px}.chat-window-header-status{font-size:.85rem;color:#22c55e!important;display:flex;align-items:center;gap:6px}.chat-window-header-status:before{content:"";width:8px;height:8px;background:#22c55e!important;border-radius:50%;box-shadow:0 0 8px #22c55e}.chat-header-actions{display:flex;gap:8px}.chat-header-action-btn{width:42px;height:42px;border-radius:12px;background:var(--chat-bg-glass);border:1px solid var(--chat-border-light);color:var(--chat-text-secondary);font-size:1.1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.chat-header-action-btn.active,.chat-header-action-btn:hover{background:var(--chat-hover);border-color:var(--chat-primary);color:var(--chat-text-primary)}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:4px;background:#f8fafc!important}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:var(--chat-border);border-radius:3px}.chat-date-divider{display:flex;align-items:center;justify-content:center;margin:16px 0;position:relative}.chat-date-divider span{padding:6px 16px;background:#e2e8f0;backdrop-filter:none;border-radius:8px;font-size:.8rem;font-weight:500;color:#475569;border:none;box-shadow:0 1px 2px rgba(0,0,0,.05)}.chat-message{display:flex;flex-direction:column;max-width:70%;width:-moz-fit-content;width:fit-content;position:relative;margin-bottom:4px}.chat-message.sent{align-self:flex-end;align-items:flex-end;margin-left:auto}.chat-message.received{align-self:flex-start;align-items:flex-start;margin-right:auto}.chat-message-actions{display:none;position:absolute;top:50%;transform:translateY(-50%);gap:4px;padding:4px;background:#ffffff;backdrop-filter:blur(10px);border-radius:10px;z-index:10;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.chat-message.sent .chat-message-actions{left:-120px}.chat-message.received .chat-message-actions{right:-120px}.chat-message:hover .chat-message-actions{display:flex}.chat-message-action-btn{width:32px;height:32px;border-radius:8px;background:transparent;border:none;color:var(--chat-text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.chat-message-action-btn:hover{background:var(--chat-hover);color:var(--chat-text-primary)}.chat-bubble{padding:10px 16px;border-radius:22px;position:relative;word-wrap:break-word;box-shadow:none;border:none;width:-moz-fit-content;width:fit-content;max-width:100%}.chat-message.sent .chat-bubble{background:linear-gradient(135deg,#f87171,#ef4444)!important;color:#ffffff!important;border-top-left-radius:22px;border-top-right-radius:22px;border-bottom-left-radius:22px;border-bottom-right-radius:4px;box-shadow:0 2px 8px rgba(239,68,68,.3);max-width:100%;padding:10px 16px}.chat-message.received .chat-bubble{background:#f1f5f9!important;color:#1e293b!important;border:1px solid rgba(0,0,0,.06);border-top-left-radius:22px;border-top-right-radius:22px;border-bottom-left-radius:4px;border-bottom-right-radius:22px;box-shadow:0 2px 4px rgba(0,0,0,.05);max-width:100%;padding:10px 16px}.chat-bubble-content{font-size:1rem;line-height:1.35;display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}.chat-text{flex:0 1 auto;word-wrap:break-word;word-break:break-word;font-weight:400;color:inherit;letter-spacing:-.01em}.chat-bubble-time-inline{font-size:.65rem;opacity:.7;white-space:nowrap;display:inline-flex;align-items:center;gap:3px;margin-left:6px;align-self:flex-end;line-height:1;padding-bottom:0}.chat-bubble-meta{display:flex;align-items:center;gap:4px;justify-content:flex-end}.chat-bubble-time{font-size:.8rem;opacity:.7}.chat-bubble-status{font-size:.85rem;margin-left:2px}.chat-bubble-status.read{color:rgba(255,255,255,.8)}.chat-reply-preview{padding:6px 10px 6px 14px;background:rgba(255,255,255,.05);border-radius:6px;margin-bottom:6px;border-left:3px solid #ef4444;cursor:pointer;transition:background .2s ease}.chat-reply-preview:hover{background:rgba(255,255,255,.08)}.chat-reply-preview-sender{font-size:.8rem;font-weight:600;color:#94a3b8;margin-bottom:4px;display:none}.chat-reply-preview-text{font-size:.85rem;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.chat-reaction-badge{display:flex;align-items:center;gap:3px;padding:2px 6px;background:rgba(0,0,0,.04);backdrop-filter:blur(10px);border-radius:12px;cursor:pointer;transition:all .2s ease;border:1px solid rgba(0,0,0,.06)}.chat-reaction-badge:hover{background:rgba(0,0,0,.08)}.chat-reaction-badge.my-reaction{background:rgba(239,68,68,.2);border-color:var(--chat-primary)}.chat-reaction-picker{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);display:flex;gap:4px;padding:10px;background:#ffffff;backdrop-filter:blur(20px);border-radius:16px;margin-bottom:8px;border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 16px rgba(0,0,0,.1);z-index:20}.chat-reaction-picker button{width:40px;height:40px;border:none;background:transparent;font-size:1.3rem;cursor:pointer;border-radius:10px;transition:all .2s ease}.chat-reaction-picker button:hover{background:var(--chat-hover);transform:scale(1.2)}.chat-input-container{display:flex;align-items:flex-end;gap:12px;padding:20px 24px;background:#ffffff!important;backdrop-filter:blur(20px);border-top:1px solid rgba(0,0,0,.08)!important}.chat-input-actions{display:flex;gap:4px}.chat-input-action-btn{width:44px;height:44px;border-radius:12px;background:#f8fafc;border:1px solid rgba(0,0,0,.1);color:#64748b;font-size:1.1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.chat-input-action-btn:hover{background:rgba(239,68,68,.08);border-color:#ef4444;color:#ef4444;transform:translateY(-2px)}.chat-input-wrapper{flex:1;background:#f8fafc!important;border:1px solid rgba(0,0,0,.1)!important;border-radius:16px;padding:4px;transition:all .3s ease}.chat-input-wrapper:focus-within{border-color:#ef4444!important;box-shadow:0 0 20px rgba(239,68,68,.1);background:#ffffff!important}.chat-app .chat-input,.chat-input,.chat-input-wrapper .chat-input{width:100%;padding:12px 16px;border:none;background:transparent!important;color:#1e293b!important;font-size:.95rem;outline:none;resize:none;min-height:24px;max-height:120px;font-family:inherit}.chat-app .chat-input::-moz-placeholder,.chat-input-wrapper .chat-input::-moz-placeholder,.chat-input::-moz-placeholder{color:#94a3b8!important}.chat-app .chat-input::placeholder,.chat-input-wrapper .chat-input::placeholder,.chat-input::placeholder{color:#94a3b8!important}.chat-send-btn{width:48px;height:48px;border-radius:12px;background:var(--chat-primary);border:none;color:white;font-size:1.2rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(239,68,68,.25)}.chat-send-btn:hover:not(:disabled){transform:scale(1.05);background:var(--chat-primary-hover);box-shadow:0 4px 12px rgba(239,68,68,.35)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-reply-input-preview{display:flex;align-items:center;padding:12px 24px;background:rgba(239,68,68,.08);border-top:none;gap:12px}.chat-reply-input-content{flex:1;border-left:3px solid var(--chat-primary);padding-left:12px}.chat-reply-input-label{font-size:.8rem;color:var(--chat-primary);font-weight:600}.chat-reply-input-text{font-size:.85rem;color:var(--chat-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-reply-cancel-btn{width:32px;height:32px;border-radius:50%;background:var(--chat-bg-glass);border:1px solid var(--chat-border-light);color:var(--chat-text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.chat-reply-cancel-btn:hover{background:var(--chat-danger);border-color:var(--chat-danger);color:white}.chat-voice-recording{display:flex;align-items:center;gap:16px;padding:20px 24px;background:rgba(239,68,68,.08);border-top:none}.chat-recording-indicator{display:flex;align-items:center;gap:10px;color:var(--chat-danger);font-weight:500}.chat-recording-dot{width:12px;height:12px;background:var(--chat-danger);border-radius:50%;animation:pulse-recording 1s infinite;box-shadow:0 0 12px var(--chat-danger)}@keyframes pulse-recording{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.chat-recording-time{font-family:SF Mono,Monaco,monospace;font-size:1.1rem;color:var(--chat-text-primary);font-weight:600}.chat-recording-actions{margin-left:auto;display:flex;gap:10px}.chat-recording-btn{padding:10px 20px;border-radius:12px;border:none;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.chat-recording-btn.cancel{background:var(--chat-bg-glass);color:var(--chat-text-secondary);border:1px solid var(--chat-border-light)}.chat-recording-btn.cancel:hover{background:var(--chat-danger);color:white;border-color:var(--chat-danger)}.chat-recording-btn.send{background:linear-gradient(135deg,var(--chat-primary) 0,var(--chat-secondary) 100%);color:white;box-shadow:0 4px 15px rgba(239,68,68,.4)}.chat-recording-btn.send:hover{transform:scale(1.02)}.chat-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000}.chat-modal{background:var(--chat-bg-sidebar);backdrop-filter:blur(30px) saturate(180%);border-radius:16px;width:100%;max-width:440px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--chat-border);box-shadow:var(--chat-shadow-lg)}.chat-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--chat-primary);border-bottom:1px solid rgba(0,0,0,.2)}.chat-modal-header h3{font-size:1.2rem;font-weight:600;color:white;margin:0}.chat-modal-close{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.2);border:none;color:white;font-size:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.chat-modal-close:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}.chat-modal-body{padding:16px;overflow-y:auto;flex:1}.chat-context-menu-item{width:100%;padding:12px 20px;display:flex;align-items:center;background:none;border:none;color:#1e293b;font-size:.9rem;cursor:pointer;transition:all .2s;text-align:left}.chat-context-menu-item:hover{background:rgba(239,68,68,.1);color:#1e293b}.chat-context-menu-item:active{background:rgba(239,68,68,.15)}.highlight-message{animation:highlight 2s ease}@keyframes highlight{0%,to{background:transparent}50%{background:rgba(239,68,68,.15)}}.chat-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;background:var(--chat-bg-main);color:var(--chat-text-primary)}.chat-spinner{width:48px;height:48px;border:3px solid var(--chat-border);border-top-color:var(--chat-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.chat-main-container{padding:10px;gap:10px}.chat-sidebar{position:absolute;left:0;right:0;top:0;bottom:0;z-index:10}.chat-sidebar,.chat-window{width:100%;border-radius:0}.chat-bubble{max-width:85%}.chat-context-menu{max-width:90vw!important}}:root{--sidebar-width:300px;--sidebar-collapsed-width:0px;--sidebar-transition-duration:0.45s;--sidebar-transition-easing:cubic-bezier(0.23,1,0.32,1);--student-primary:#3b82f6;--student-primary-light:#60a5fa;--student-primary-dark:#2563eb;--student-bg-start:#f0f7ff;--student-bg-end:#e8f2ff;--teacher-primary:#8b5cf6;--teacher-primary-light:#a78bfa;--teacher-primary-dark:#7c3aed;--teacher-bg-start:#f5f3ff;--teacher-bg-end:#ede9fe;--admin-primary:#ef4444;--admin-primary-light:#f87171;--admin-primary-dark:#dc2626;--admin-bg-start:#fef2f2;--admin-bg-end:#fee2e2}.dashboard-sidebar{width:var(--sidebar-width);position:fixed;top:0;left:0;height:100vh;display:flex;flex-direction:column;z-index:100;overflow:hidden;will-change:transform,opacity;backface-visibility:hidden;-webkit-font-smoothing:antialiased;overscroll-behavior:contain}.dashboard-sidebar.closed{transform:translateX(-100%) scale(.96);opacity:0;transition:transform var(--sidebar-transition-duration) var(--sidebar-transition-easing),opacity calc(var(--sidebar-transition-duration) * .7) ease-out;pointer-events:none}.dashboard-sidebar.open{transform:translateX(0) scale(1);opacity:1;transition:transform var(--sidebar-transition-duration) var(--sidebar-transition-easing),opacity calc(var(--sidebar-transition-duration) * .5) ease-in;pointer-events:auto}.dashboard-sidebar.open .sidebar-profile-widget{animation:slideInContent .55s ease-out .08s both}.dashboard-sidebar.open .sidebar-stats-widget{animation:slideInContent .55s ease-out .14s both}.dashboard-sidebar.open .sidebar-quick-actions{animation:slideInContent .55s ease-out .2s both}.dashboard-sidebar.open .sidebar-section{animation:slideInContent .55s ease-out .32s both}.dashboard-sidebar.open .dashboard-menu{animation:slideInContent .55s ease-out .38s both}.dashboard-sidebar.open .sidebar-help-widget{animation:slideInContent .55s ease-out .44s both}.dashboard-sidebar.open .sidebar-footer{animation:slideInContent .55s ease-out .5s both}@keyframes slideInContent{0%{opacity:0;transform:translateX(-25px)}to{opacity:1;transform:translateX(0)}}.dashboard-sidebar.student-sidebar{background:linear-gradient(180deg,var(--student-bg-start) 0,var(--student-bg-end) 100%);border-right:1px solid rgba(59,130,246,.2);box-shadow:4px 0 20px rgba(59,130,246,.08),inset -1px 0 0 rgba(59,130,246,.1)}.dashboard-sidebar.student-sidebar:before{content:"";position:absolute;top:0;left:0;right:0;height:350px;background:radial-gradient(ellipse at top left,rgba(59,130,246,.15) 0,transparent 60%);pointer-events:none;z-index:0}.dashboard-sidebar.faculty-theme,.dashboard-sidebar.teacher-sidebar{background:linear-gradient(180deg,var(--teacher-bg-start) 0,var(--teacher-bg-end) 100%);border-right:1px solid rgba(139,92,246,.2);box-shadow:4px 0 20px rgba(139,92,246,.08),inset -1px 0 0 rgba(139,92,246,.1)}.dashboard-sidebar.faculty-theme:before,.dashboard-sidebar.teacher-sidebar:before{content:"";position:absolute;top:0;left:0;right:0;height:350px;background:radial-gradient(ellipse at top left,rgba(139,92,246,.12) 0,transparent 60%);pointer-events:none;z-index:0}.dashboard-sidebar.admin-sidebar,.dashboard-sidebar.admin-theme{background:linear-gradient(180deg,var(--admin-bg-start) 0,var(--admin-bg-end) 100%);border-right:1px solid rgba(239,68,68,.2);box-shadow:4px 0 20px rgba(239,68,68,.08),inset -1px 0 0 rgba(239,68,68,.1)}.dashboard-sidebar.admin-sidebar:before,.dashboard-sidebar.admin-theme:before{content:"";position:absolute;top:0;left:0;right:0;height:350px;background:radial-gradient(ellipse at top left,rgba(239,68,68,.12) 0,transparent 60%);pointer-events:none;z-index:0}.dashboard-sidebar .logo{font-size:1.05rem;font-weight:700;letter-spacing:-.02em;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem .875rem;margin:2.5rem .75rem .5rem;position:relative;z-index:1;border-radius:12px;transition:all .3s ease}.dashboard-sidebar.student-sidebar .logo{color:var(--student-primary);background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2)}.dashboard-sidebar.faculty-theme .logo,.dashboard-sidebar.teacher-sidebar .logo{color:var(--teacher-primary-light);background:rgba(139,92,246,.06);border:1px solid rgba(139,92,246,.12)}.dashboard-sidebar.admin-sidebar .logo,.dashboard-sidebar.admin-theme .logo{color:var(--admin-primary-light);background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.12)}.dashboard-sidebar .logo svg{font-size:1.5rem}.sidebar-profile-widget{padding:.75rem .875rem;margin:1rem .75rem .375rem;background:rgba(255,255,255,.8);border:1px solid rgba(0,0,0,.08);border-radius:12px;position:relative;z-index:1;transition:all .3s ease}.sidebar-profile-widget:hover{background:rgba(255,255,255,.95);border-color:rgba(0,0,0,.12);box-shadow:0 4px 12px rgba(0,0,0,.08)}.profile-widget-header{display:flex;align-items:center;gap:.75rem}.profile-widget-avatar{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.125rem;font-weight:600;color:#ffffff;position:relative;overflow:hidden;flex-shrink:0;transition:transform .3s ease}.sidebar-profile-widget:hover .profile-widget-avatar{transform:scale(1.05)}.student-sidebar .profile-widget-avatar{background:linear-gradient(135deg,#3b82f6,#2563eb);border:2px solid rgba(59,130,246,.3)}.faculty-theme .profile-widget-avatar,.teacher-sidebar .profile-widget-avatar{background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(167,139,250,.12));border:2px solid rgba(139,92,246,.25)}.admin-sidebar .profile-widget-avatar,.admin-theme .profile-widget-avatar{background:linear-gradient(135deg,rgba(239,68,68,.2),rgba(248,113,113,.12));border:2px solid rgba(239,68,68,.25)}.profile-widget-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:12px}.profile-widget-avatar:after{content:"";position:absolute;bottom:2px;right:2px;width:11px;height:11px;background:#22c55e;border:2px solid #ffffff;border-radius:50%;box-shadow:0 0 8px rgba(34,197,94,.4)}.profile-widget-info{flex:1;min-width:0}.profile-widget-name{font-size:.8125rem;font-weight:600;color:#1e293b;margin:0 0 .2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.profile-widget-role{font-size:.6rem;font-weight:600;padding:.15rem .4rem;border-radius:5px;display:inline-flex;align-items:center;gap:.2rem;text-transform:uppercase;letter-spacing:.06em}.student-sidebar .profile-widget-role{background:rgba(59,130,246,.15);color:#2563eb}.faculty-theme .profile-widget-role,.teacher-sidebar .profile-widget-role{background:rgba(139,92,246,.12);color:var(--teacher-primary-light)}.admin-sidebar .profile-widget-role,.admin-theme .profile-widget-role{background:rgba(239,68,68,.12);color:var(--admin-primary-light)}.sidebar-stats-widget{display:grid;grid-template-columns:repeat(2,1fr);gap:.375rem;padding:0 .75rem;margin:.375rem 0;position:relative;z-index:1}.sidebar-stats-widget.three-col{grid-template-columns:repeat(3,1fr)}.stat-widget-item{background:rgba(255,255,255,.8);border:1px solid rgba(0,0,0,.06);border-radius:8px;padding:.5rem .375rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default;position:relative;overflow:hidden}.stat-widget-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.05),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.stat-widget-item:hover{background:#ffffff;border-color:rgba(0,0,0,.1);transform:translateY(-3px) scale(1.02);box-shadow:0 4px 12px rgba(0,0,0,.08)}.stat-widget-item:hover:before{opacity:1}.stat-widget-value{font-size:1.125rem;font-weight:700;margin-bottom:.1rem;line-height:1.2;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-widget-item:hover .stat-widget-value{transform:scale(1.1);filter:brightness(1.2)}.stat-widget-label{font-size:.5625rem;color:#6b7280;text-transform:uppercase;letter-spacing:.06em;font-weight:500}.student-sidebar .stat-widget-value{color:#2563eb}.faculty-theme .stat-widget-value,.teacher-sidebar .stat-widget-value{color:#7c3aed}.admin-sidebar .stat-widget-value,.admin-theme .stat-widget-value{color:#dc2626}.sidebar-quick-actions{padding:.75rem;margin:.5rem .875rem;background:rgba(255,255,255,.8);border:1px solid rgba(0,0,0,.08);border-radius:12px;position:relative;z-index:1}.quick-actions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.quick-actions-title{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#6b7280;display:flex;align-items:center;gap:.375rem}.quick-actions-title svg{font-size:.85rem;opacity:.7}.quick-action-btn{display:flex;align-items:center;gap:.625rem;width:100%;padding:.5rem .625rem;background:transparent;border:1px solid rgba(0,0,0,.08);border-radius:8px;color:#4b5563;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:.35rem;text-align:left}.quick-action-btn:last-child{margin-bottom:0}.quick-action-btn:hover{background:#ffffff;border-color:rgba(0,0,0,.12);color:#1e293b;transform:translateX(4px);box-shadow:0 2px 8px rgba(0,0,0,.06)}.quick-action-btn svg{font-size:1rem;flex-shrink:0}.quick-action-btn .action-arrow{margin-left:auto;font-size:.8rem;opacity:0;transform:translateX(-8px);transition:all .2s ease}.quick-action-btn:hover .action-arrow{opacity:.7;transform:translateX(0)}.student-sidebar .quick-action-btn:hover{border-color:rgba(59,130,246,.3)}.faculty-theme .quick-action-btn:hover,.teacher-sidebar .quick-action-btn:hover{border-color:rgba(139,92,246,.3)}.admin-sidebar .quick-action-btn:hover,.admin-theme .quick-action-btn:hover{border-color:rgba(239,68,68,.3)}.quick-action-btn.primary{border-style:dashed}.student-sidebar .quick-action-btn.primary{border-color:rgba(20,184,166,.25);color:var(--student-primary-light)}.student-sidebar .quick-action-btn.primary:hover{background:rgba(20,184,166,.08);border-color:rgba(20,184,166,.35)}.faculty-theme .quick-action-btn.primary,.teacher-sidebar .quick-action-btn.primary{border-color:rgba(139,92,246,.25);color:var(--teacher-primary-light)}.faculty-theme .quick-action-btn.primary:hover,.teacher-sidebar .quick-action-btn.primary:hover{background:rgba(139,92,246,.08);border-color:rgba(139,92,246,.35)}.admin-sidebar .quick-action-btn.primary,.admin-theme .quick-action-btn.primary{border-color:rgba(239,68,68,.25);color:var(--admin-primary-light)}.admin-sidebar .quick-action-btn.primary:hover,.admin-theme .quick-action-btn.primary:hover{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.35)}.sidebar-section{margin-top:.5rem;padding-top:.25rem;position:relative;z-index:1}.sidebar-section-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:#6b7280;padding:.375rem 1rem;margin-bottom:.25rem;display:flex;align-items:center;gap:.625rem}.sidebar-section-label:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(0,0,0,.1),transparent)}.sidebar-scrollable-content{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;display:flex;flex-direction:column}.sidebar-scrollable-content::-webkit-scrollbar{width:5px}.sidebar-scrollable-content::-webkit-scrollbar-track{background:transparent}.sidebar-scrollable-content::-webkit-scrollbar-thumb{background:rgba(0,0,0,.1);border-radius:4px}.sidebar-scrollable-content::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.2)}.sidebar-scrollable-content{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.1) transparent}.dashboard-menu{display:flex;flex-direction:column;gap:.2rem;padding:0 .625rem .5rem;position:relative;z-index:1}.dashboard-sidebar::-webkit-scrollbar{width:5px}.dashboard-sidebar::-webkit-scrollbar-track{background:transparent}.dashboard-sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.08);border-radius:4px}.dashboard-sidebar::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.15)}.dashboard-sidebar{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.menu-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.6875rem .875rem;background:transparent;border:none;border-radius:10px;color:#4b5563;font-size:.875rem;font-weight:500;text-align:left;cursor:pointer;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:visible;transform-origin:center;animation:fadeInUp .4s ease-out backwards;isolation:isolate}.menu-btn:first-child{animation-delay:0s}.menu-btn:nth-child(2){animation-delay:.05s}.menu-btn:nth-child(3){animation-delay:.1s}.menu-btn:nth-child(4){animation-delay:.15s}.menu-btn:nth-child(5){animation-delay:.2s}.menu-btn:nth-child(6){animation-delay:.25s}.menu-btn:nth-child(7){animation-delay:.3s}.menu-btn:nth-child(8){animation-delay:.35s}.menu-btn svg{font-size:1.25rem;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.menu-btn:before{left:0;top:50%;transform:translateY(-50%) scaleY(0);width:3px;height:55%;border-radius:0 4px 4px 0;transition:all .25s cubic-bezier(.4,0,.2,1)}.menu-btn:after,.menu-btn:before{content:"";position:absolute;z-index:-1}.menu-btn:after{inset:0;background:linear-gradient(90deg,rgba(59,130,246,.08),transparent);opacity:0;transition:opacity .2s ease;pointer-events:none;border-radius:10px}.menu-btn:hover{color:#1e293b;background:rgba(255,255,255,.8);transform:translateX(4px);box-shadow:0 2px 8px rgba(0,0,0,.08)}.menu-btn:hover:after{opacity:1}.menu-btn:hover svg{transform:scale(1.15) rotate(-5deg)}.menu-btn.active{font-weight:600;transform:translateX(4px)}.menu-btn.active:before{transform:translateY(-50%) scaleY(1)}.menu-btn.active:after{opacity:0!important}.menu-btn.active svg{transform:scale(1.15);filter:drop-shadow(0 0 4px currentColor);z-index:2}.dashboard-sidebar.student-sidebar .dashboard-menu .menu-btn.active,.student-sidebar .menu-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;box-shadow:0 4px 12px rgba(59,130,246,.3)!important;color:#ffffff!important;border-left-color:transparent!important;display:flex!important;opacity:1!important;visibility:visible!important;transform:translateX(4px)!important;z-index:10!important}.student-sidebar .menu-btn.active svg{color:#ffffff!important}.dashboard-sidebar.student-sidebar .dashboard-menu .menu-btn.active:before,.student-sidebar .menu-btn.active:before{background:linear-gradient(180deg,#3b82f6,#60a5fa)!important;box-shadow:0 0 12px rgba(59,130,246,.4)!important;width:4px!important;opacity:1!important;visibility:visible!important}.student-sidebar .menu-btn:hover:not(.active){background:rgba(59,130,246,.1);color:#2563eb}.dashboard-sidebar.teacher-sidebar .dashboard-menu .menu-btn.active,.faculty-theme .menu-btn.active,.teacher-sidebar .menu-btn.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;box-shadow:0 4px 12px rgba(139,92,246,.3)!important;color:#ffffff!important;border-left-color:transparent;display:flex!important;opacity:1!important;visibility:visible!important;transform:translateX(4px)!important;z-index:10!important}.dashboard-sidebar.teacher-sidebar .dashboard-menu .menu-btn.active:before,.faculty-theme .menu-btn.active:before,.teacher-sidebar .menu-btn.active:before{background:linear-gradient(180deg,#8b5cf6,#a78bfa)!important;box-shadow:0 0 12px rgba(139,92,246,.4)!important;width:4px!important;opacity:1!important;visibility:visible!important}.faculty-theme .menu-btn:hover:not(.active),.teacher-sidebar .menu-btn:hover:not(.active){background:linear-gradient(90deg,rgba(139,92,246,.08),rgba(139,92,246,.04));box-shadow:0 2px 8px rgba(139,92,246,.1)}.admin-sidebar .menu-btn.active,.admin-theme .menu-btn.active,.dashboard-sidebar.admin-sidebar .dashboard-menu .menu-btn.active{background:linear-gradient(135deg,#ef4444,#dc2626)!important;box-shadow:0 4px 12px rgba(239,68,68,.3)!important;color:#ffffff!important;border-left-color:transparent!important;display:flex!important;opacity:1!important;visibility:visible!important;transform:translateX(4px)!important;z-index:10!important}.admin-sidebar .menu-btn.active:before,.admin-theme .menu-btn.active:before,.dashboard-sidebar.admin-sidebar .dashboard-menu .menu-btn.active:before{background:linear-gradient(180deg,#ef4444,#fca5a5)!important;box-shadow:0 0 12px rgba(239,68,68,.4)!important;width:4px!important;opacity:1!important;visibility:visible!important}.admin-sidebar .menu-btn:hover:not(.active),.admin-theme .menu-btn:hover:not(.active){background:linear-gradient(90deg,rgba(239,68,68,.08),rgba(239,68,68,.04));box-shadow:0 2px 8px rgba(239,68,68,.1)}.menu-btn-badge{margin-left:auto;min-width:20px;height:18px;padding:0 6px;border-radius:5px;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;letter-spacing:.02em}.student-sidebar .menu-btn-badge{background:rgba(20,184,166,.15);color:var(--student-primary-light)}.faculty-theme .menu-btn-badge,.teacher-sidebar .menu-btn-badge{background:rgba(139,92,246,.15);color:var(--teacher-primary-light)}.admin-sidebar .menu-btn-badge,.admin-theme .menu-btn-badge{background:rgba(239,68,68,.15);color:var(--admin-primary-light)}.menu-btn-badge.warning{background:rgba(245,158,11,.2);color:#fcd34d}.menu-btn-badge.danger{background:rgba(239,68,68,.2);color:#fca5a5;animation:pulse-badge 2s ease-in-out infinite}.menu-btn-badge.live-badge{background:linear-gradient(135deg,rgba(16,185,129,.2),rgba(5,150,105,.2));color:#10b981;animation:pulse-live-badge 2s ease-in-out infinite;font-weight:700;text-transform:uppercase;letter-spacing:.05em}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.7}}@keyframes pulse-live-badge{0%,to{opacity:1;box-shadow:0 0 0 0 rgba(16,185,129,.4)}50%{opacity:.8;box-shadow:0 0 8px 2px rgba(16,185,129,.2)}}.sidebar-help-widget{padding:.625rem;margin:.5rem .875rem;background:rgba(255,255,255,.8);border:1px solid rgba(0,0,0,.08);border-radius:10px;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.sidebar-help-widget:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(59,130,246,.08),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.sidebar-help-widget:hover{background:#ffffff;border-color:rgba(0,0,0,.12);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.sidebar-help-widget:hover:before{opacity:1}.sidebar-help-widget:active{transform:translateY(0)}.help-icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-help-widget:hover .help-icon{transform:scale(1.1) rotate(5deg)}.student-sidebar .help-icon{background:rgba(59,130,246,.15);color:#2563eb}.student-sidebar .sidebar-help-widget:hover .help-icon{background:rgba(59,130,246,.25);box-shadow:0 0 12px rgba(59,130,246,.2)}.faculty-theme .help-icon,.teacher-sidebar .help-icon{background:rgba(139,92,246,.15);color:#7c3aed}.faculty-theme .sidebar-help-widget:hover .help-icon,.teacher-sidebar .sidebar-help-widget:hover .help-icon{background:rgba(139,92,246,.25);box-shadow:0 0 12px rgba(139,92,246,.2)}.admin-sidebar .help-icon,.admin-theme .help-icon{background:rgba(239,68,68,.15);color:#dc2626}.admin-sidebar .sidebar-help-widget:hover .help-icon,.admin-theme .sidebar-help-widget:hover .help-icon{background:rgba(239,68,68,.25);box-shadow:0 0 12px rgba(239,68,68,.2)}.help-content{flex:1}.help-title{font-size:.75rem;color:#1e293b;font-weight:500;margin:0}.help-subtitle{font-size:.65rem;color:#6b7280;margin:0}.dashboard-sidebar .sidebar-footer,.sidebar-footer,aside .sidebar-footer,aside.dashboard-sidebar .sidebar-footer{padding:.75rem!important;border:none!important;position:sticky!important;bottom:0!important;z-index:10!important;background:transparent!important;background-color:transparent!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;margin-top:auto!important;flex-shrink:0!important;display:flex!important;flex-direction:column!important;gap:0!important;min-height:auto!important;box-shadow:none!important}.admin-sidebar .sidebar-footer,.dashboard-sidebar.admin-sidebar .sidebar-footer{background:transparent!important;background-color:transparent!important;background-image:none!important}.dashboard-sidebar .sidebar-footer .logout-btn,.dashboard-sidebar .sidebar-footer button.logout-btn,.logout-btn,.sidebar-footer .logout-btn,.sidebar-footer button.logout-btn,aside.dashboard-sidebar .sidebar-footer .logout-btn,aside.dashboard-sidebar .sidebar-footer button.logout-btn,button.logout-btn{all:unset!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:.75rem!important;width:100%!important;padding:.75rem 1rem!important;color:#ef4444!important;background:transparent!important;background-color:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;outline:none!important;font-family:inherit!important;font-weight:500!important;font-size:.95rem!important;letter-spacing:.005em!important;line-height:1.5!important;text-align:left!important;cursor:pointer!important;transition:all .2s ease!important;border-radius:12px!important;box-sizing:border-box!important;position:relative!important;overflow:visible!important}.dashboard-sidebar .sidebar-footer .logout-btn:after,.dashboard-sidebar .sidebar-footer .logout-btn:before,.dashboard-sidebar .sidebar-footer button.logout-btn:after,.dashboard-sidebar .sidebar-footer button.logout-btn:before,.logout-btn:after,.logout-btn:before,.sidebar-footer .logout-btn:after,.sidebar-footer .logout-btn:before,.sidebar-footer button.logout-btn:after,.sidebar-footer button.logout-btn:before,aside.dashboard-sidebar .sidebar-footer .logout-btn:after,aside.dashboard-sidebar .sidebar-footer .logout-btn:before,aside.dashboard-sidebar .sidebar-footer button.logout-btn:after,aside.dashboard-sidebar .sidebar-footer button.logout-btn:before,button.logout-btn:after,button.logout-btn:before{display:none!important;content:none!important;opacity:0!important;visibility:hidden!important}.dashboard-sidebar .sidebar-footer .logout-btn:hover,.dashboard-sidebar .sidebar-footer button.logout-btn:hover,.logout-btn:hover,.sidebar-footer .logout-btn:hover,.sidebar-footer button.logout-btn:hover,aside.dashboard-sidebar .sidebar-footer .logout-btn:hover,aside.dashboard-sidebar .sidebar-footer button.logout-btn:hover,button.logout-btn:hover{background:rgba(239,68,68,.08)!important;background-color:rgba(239,68,68,.08)!important;background-image:none!important;color:#dc2626!important;transform:translateX(4px)!important;border:none!important;box-shadow:none!important}.dashboard-sidebar .sidebar-footer .logout-btn:active,.dashboard-sidebar .sidebar-footer button.logout-btn:active,.logout-btn:active,.sidebar-footer .logout-btn:active,.sidebar-footer button.logout-btn:active,aside.dashboard-sidebar .sidebar-footer .logout-btn:active,aside.dashboard-sidebar .sidebar-footer button.logout-btn:active,button.logout-btn:active{transform:translateX(2px) scale(.98)!important;background:rgba(239,68,68,.12)!important;background-color:rgba(239,68,68,.12)!important;background-image:none!important;border:none!important;box-shadow:none!important}.dashboard-sidebar .sidebar-footer .logout-btn svg,.dashboard-sidebar .sidebar-footer button.logout-btn svg,.logout-btn svg,.sidebar-footer .logout-btn svg,.sidebar-footer button.logout-btn svg,aside.dashboard-sidebar .sidebar-footer .logout-btn svg,aside.dashboard-sidebar .sidebar-footer button.logout-btn svg,button.logout-btn svg{color:#ef4444!important;fill:#ef4444!important;font-size:1.15rem!important;flex-shrink:0!important;transition:transform .2s ease!important}.dashboard-sidebar .sidebar-footer .logout-btn:hover svg,.dashboard-sidebar .sidebar-footer button.logout-btn:hover svg,.logout-btn:hover svg,.sidebar-footer .logout-btn:hover svg,.sidebar-footer button.logout-btn:hover svg,aside.dashboard-sidebar .sidebar-footer .logout-btn:hover svg,aside.dashboard-sidebar .sidebar-footer button.logout-btn:hover svg,button.logout-btn:hover svg{transform:translateX(2px)!important;color:#dc2626!important;fill:#dc2626!important}.sidebar-toggle{position:fixed;top:.875rem;left:.875rem;z-index:1001;width:42px;height:42px;border:none;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4.5px;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px rgba(0,0,0,.35)}.student-sidebar~.sidebar-toggle,button.sidebar-toggle{background:linear-gradient(135deg,#3b82f6,#2563eb)}.student-sidebar~.sidebar-toggle:hover,button.sidebar-toggle:hover{box-shadow:0 6px 25px rgba(59,130,246,.35);transform:translateY(-2px)}.faculty-theme~.sidebar-toggle,.teacher-sidebar~.sidebar-toggle,aside.faculty-theme~button.sidebar-toggle{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important}.faculty-theme~.sidebar-toggle:hover,.teacher-sidebar~.sidebar-toggle:hover,aside.faculty-theme~button.sidebar-toggle:hover{box-shadow:0 6px 25px rgba(139,92,246,.35)!important;transform:translateY(-2px)}.admin-sidebar~.sidebar-toggle,.admin-theme~.sidebar-toggle,aside.admin-theme~button.sidebar-toggle{background:linear-gradient(135deg,#ef4444,#dc2626)!important}.admin-sidebar~.sidebar-toggle:hover,.admin-theme~.sidebar-toggle:hover,aside.admin-theme~button.sidebar-toggle:hover{box-shadow:0 6px 25px rgba(239,68,68,.35)!important;transform:translateY(-2px)}.sidebar-toggle span{width:20px;height:2.5px;background:rgba(255,255,255,.95);border-radius:2px;transition:all .35s cubic-bezier(.23,1,.32,1);transform-origin:center}.sidebar-toggle:active{transform:scale(.92)}.dashboard-container:has(.dashboard-sidebar.open) .sidebar-toggle{opacity:0;visibility:hidden;pointer-events:none;transform:scale(.8) translateX(-20px);transition:all .3s ease}.sidebar-close-btn{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border:none;border-radius:10px;background:transparent;color:rgba(255,255,255,.8);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10}.sidebar-close-btn:hover{color:#fff;transform:scale(1.1)}.sidebar-close-btn:active{transform:scale(.95)}.sidebar-close-btn svg{width:22px;height:22px}.student-sidebar .sidebar-close-btn:hover{color:var(--student-primary-light)}.faculty-theme .sidebar-close-btn:hover,.teacher-sidebar .sidebar-close-btn:hover{color:var(--teacher-primary-light)}.admin-sidebar .sidebar-close-btn:hover,.admin-theme .sidebar-close-btn:hover{color:var(--admin-primary-light)}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.65);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:all var(--sidebar-transition-duration) ease;z-index:99}.sidebar-overlay.active{opacity:1;visibility:visible}.dashboard-main{margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left var(--sidebar-transition-duration) var(--sidebar-transition-easing)}.dashboard-sidebar.closed~.dashboard-main{margin-left:0}@media (max-width:1024px){.dashboard-sidebar{transform:translateX(-100%) scale(.96);opacity:0}.dashboard-sidebar.open{transform:translateX(0) scale(1);opacity:1}.dashboard-main{margin-left:0!important}}@media (max-width:768px){:root{--sidebar-width:280px}.sidebar-toggle{top:.875rem;left:.875rem;width:42px;height:42px;border-radius:11px}.sidebar-toggle span{width:18px}.dashboard-sidebar .logo{font-size:1.1rem;margin-top:2.75rem;padding:1rem .75rem}.sidebar-stats-widget,.sidebar-stats-widget.three-col{grid-template-columns:1fr 1fr}.menu-btn{padding:.7rem .75rem;font-size:.8rem}.profile-widget-avatar{width:42px;height:42px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes subtlePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.98)}}.menu-btn-badge{animation:subtlePulse 3s ease-in-out infinite}@keyframes activeGlowStudent{0%,to{box-shadow:0 4px 12px rgba(20,184,166,.15)}50%{box-shadow:0 4px 16px rgba(20,184,166,.25)}}@keyframes activeGlowTeacher{0%,to{box-shadow:0 4px 12px rgba(139,92,246,.15)}50%{box-shadow:0 4px 16px rgba(139,92,246,.25)}}@keyframes activeGlowAdmin{0%,to{box-shadow:0 4px 12px rgba(239,68,68,.15)}50%{box-shadow:0 4px 16px rgba(239,68,68,.25)}}.student-sidebar .menu-btn.active{animation:activeGlowStudent 3s ease-in-out infinite}.faculty-theme .menu-btn.active,.teacher-sidebar .menu-btn.active{animation:activeGlowTeacher 3s ease-in-out infinite}.admin-sidebar .menu-btn.active,.admin-theme .menu-btn.active{animation:activeGlowAdmin 3s ease-in-out infinite}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}.menu-btn:active:after{animation:ripple .6s ease-out}.Footer_footer__pQtti{background:#000000;color:rgba(255,255,255,.9);border-top:1px solid rgba(255,255,255,.1);margin-top:auto;width:100%}.Footer_footerContent__yAl3k{max-width:1400px;margin:0 auto;padding:60px 40px 30px}.Footer_footerTop__aHjwR{display:flex;justify-content:center;align-items:flex-start;gap:80px;margin-bottom:50px;flex-wrap:wrap}.Footer_brandSection__ueZ7b{max-width:350px;text-align:center}.Footer_brandName__MmbNc{font-size:28px;font-weight:700;color:#ffffff;-webkit-text-fill-color:#ffffff;margin-bottom:16px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.Footer_brandTagline__SWGaW{font-size:14px;line-height:1.6;color:rgba(255,255,255,.7);margin-bottom:24px}.Footer_socialLinks__tA7gt{display:flex;gap:12px;justify-content:center}.Footer_socialLink__hPzxm{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:rgba(255,255,255,.7);transition:all .3s ease}.Footer_socialLink__hPzxm:hover{background:rgba(99,102,241,.2);border-color:rgba(99,102,241,.5);color:#6366f1;transform:translateY(-2px)}.Footer_footerColumn__kGECR{display:flex;flex-direction:column;text-align:center;min-width:180px}.Footer_columnTitle__WcnMX{font-size:16px;font-weight:600;color:#fff;margin-bottom:20px;text-transform:uppercase;letter-spacing:.5px}.Footer_linkList__Js__Y{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;align-items:center}.Footer_linkList__Js__Y li a{font-size:14px;color:rgba(255,255,255,.7);text-decoration:none;transition:all .2s ease;display:inline-block}.Footer_linkList__Js__Y li a:hover{color:#6366f1;transform:translateX(4px)}.Footer_footerBottom__YIYBj{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:16px;padding-top:30px;border-top:1px solid rgba(255,255,255,.1);text-align:center}.Footer_copyright__j4atB{font-size:14px;color:rgba(255,255,255,.6)}.Footer_footerLinks__M17kI{display:flex;align-items:center;gap:16px;font-size:14px}.Footer_footerLinks__M17kI a{color:rgba(255,255,255,.7);text-decoration:none;transition:color .2s ease}.Footer_footerLinks__M17kI a:hover{color:#6366f1}.Footer_separator__qnHrL{color:rgba(255,255,255,.3)}@media (max-width:1200px){.Footer_footerTop__aHjwR{gap:60px}}@media (max-width:992px){.Footer_footerTop__aHjwR{gap:50px}}@media (max-width:768px){.Footer_footerContent__yAl3k{padding:40px 24px 24px}.Footer_footerTop__aHjwR{gap:40px;margin-bottom:40px}.Footer_brandSection__ueZ7b{width:100%}}@media (max-width:480px){.Footer_footerTop__aHjwR{gap:32px}.Footer_footerColumn__kGECR{width:100%}}@media (prefers-color-scheme:dark){.Footer_footer__pQtti{background:linear-gradient(135deg,#0a0e1a,#151b2b)}}