@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";*{box-sizing:border-box;transition:background .2s ease,border-color .2s ease}html,body,#root{margin:0;padding:0;width:100%;min-height:100vh;display:flex;flex-direction:column}body{overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{flex:1 0 auto;padding-top:110px;width:100%;display:flex;flex-direction:column}html{scroll-behavior:smooth}*:focus{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}body{background-color:var(--surface-bg);background-image:radial-gradient(at 0% 0%,hsla(263,67%,51%,.05) 0px,transparent 50%),radial-gradient(at 100% 0%,hsla(189,94%,43%,.05) 0px,transparent 50%);background-attachment:fixed}body.dark{background-image:radial-gradient(at 0% 0%,hsla(263,67%,51%,.15) 0px,transparent 50%),radial-gradient(at 100% 0%,hsla(189,94%,43%,.15) 0px,transparent 50%);background-size:100% 100%,100% 100%}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px #6d28d933}50%{box-shadow:0 0 25px #6d28d966}}.tech-glow{animation:pulse-glow 3s infinite}:root{--primary: #6D28D9;--primary-hover: #5B21B6;--secondary: #7C3AED;--accent: #06B6D4;--accent-hover: #0891B2;--button: #F97316;--button-hover: #EA580C;--white: #ffffff;--black: #0F172A;--gray-50: #F8FAFC;--gray-100: #F1F5F9;--gray-200: #E2E8F0;--gray-300: #CBD5E1;--gray-400: #94A3B8;--gray-500: #64748B;--gray-600: #475569;--gray-700: #334155;--gray-800: #1E293B;--gray-900: #0F172A;--gray-950: #020617;--success: #10B981;--error: #EF4444;--warning: #F59E0B;--card-bg: #FFFFFF;--navbar-bg: rgba(255, 255, 255, .95);--surface-bg: #FFFFFF;--border: #F1F5F9;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 12px -1px rgb(0 0 0 / .05), 0 2px 4px -2px rgb(0 0 0 / .05);--shadow-lg: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-neon: 0 0 15px rgba(109, 40, 217, .15);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 24px;--radius-full: 9999px;--vibrant-pink: #6D28D9;--vibrant-blue: #06B6D4;--vibrant-gradient: linear-gradient(135deg, #6D28D9 0%, #06B6D4 100%)}body.dark{--white: #F8FAFC;--black: #020617;--gray-50: #0F172A;--gray-100: #1E293B;--gray-200: #334155;--gray-300: #475569;--gray-400: #64748B;--gray-500: #94A3B8;--gray-600: #CBD5E1;--gray-700: #E2E8F0;--gray-800: #F1F5F9;--gray-900: #F8FAFC;--gray-950: #020617;--card-bg: #0F172A;--navbar-bg: rgba(2, 6, 23, .9);--surface-bg: #020617;--border: rgba(255, 255, 255, .05);--shadow-neon: 0 0 30px rgba(109, 40, 217, .3), 0 0 10px rgba(6, 182, 212, .1)}body{font-family:Outfit,sans-serif;line-height:1.6;color:var(--gray-800);-webkit-font-smoothing:antialiased}body.dark{color:var(--gray-900)}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.02em;color:var(--gray-900)}body.dark h1,body.dark h2,body.dark h3,body.dark h4,body.dark h5,body.dark h6{color:var(--white)}code,pre{font-family:JetBrains Mono,monospace}.gradient-text{background:var(--vibrant-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-nav{background:var(--navbar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.glass-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.auth-page{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 10% 20%,#4527a0,#5b3ab4 40%,#281464 90%);background-size:200% 200%;animation:gradientBG 15s ease infinite;display:flex;align-items:center;justify-content:center;padding:20px;z-index:9999;overflow:hidden}.auth-bg-shape{position:absolute;border-radius:50%;filter:blur(60px);z-index:-1;opacity:.4;animation:float 20s infinite alternate ease-in-out}.shape-1{width:400px;height:400px;background:var(--primary);top:-100px;left:-100px;animation-delay:0s}.shape-2{width:300px;height:300px;background:var(--accent);bottom:-50px;right:-50px;animation-delay:-5s}.shape-3{width:250px;height:250px;background:#f97316;top:20%;right:15%;animation-delay:-10s;opacity:.2}@keyframes float{0%{transform:translate(0) scale(1);rotate:0deg}33%{transform:translate(30px,50px) scale(1.1);rotate:10deg}66%{transform:translate(-20px,20px) scale(.9);rotate:-5deg}to{transform:translate(0) scale(1);rotate:0deg}}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.auth-page:before,.auth-page:after{display:none}.auth-split-layout{display:flex;width:100%;max-width:850px;height:auto;min-height:500px;max-height:90vh;background:var(--card-bg);border-radius:24px;box-shadow:0 25px 50px -12px #00000080;overflow:hidden;border:1px solid rgba(255,255,255,.1);position:relative}.auth-left{flex:0 0 50%;display:flex;flex-direction:column;justify-content:center;padding:40px;background:var(--card-bg);position:relative;z-index:10}.auth-right{flex:0 0 50%;background:#f0f4f8;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:20px}.auth-right:before,.auth-right:after{content:"";position:absolute;border-radius:50%}.auth-right:before{width:150px;height:150px;background:linear-gradient(135deg,var(--primary),var(--accent));opacity:.1;top:-20px;right:-20px}.auth-right:after{width:100px;height:100px;background:var(--accent);opacity:.1;bottom:20px;left:20px}.auth-illustration{width:90%!important;height:auto!important;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.1));transition:transform .5s ease}.auth-right:hover .auth-illustration{transform:scale(1.05) rotate(2deg)}@media(max-width:768px){.auth-split-layout{flex-direction:column;max-width:450px}.auth-right{display:none}.auth-left{padding:30px;flex:1}}.auth-right:after{content:"";position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(6,182,212,.1) 0%,transparent 70%);bottom:0;left:0;border-radius:50%}.auth-illustration{width:80%;max-width:600px;height:auto;z-index:1;filter:drop-shadow(0 20px 40px rgba(0,0,0,.1));transition:transform .5s ease}.auth-right:hover .auth-illustration{transform:scale(1.02)}.auth-container{flex-grow:1;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:100%;margin:0;padding:0}.auth-card{padding:0!important;background:transparent!important;box-shadow:none!important;border:none!important}.auth-header{text-align:left;margin-bottom:20px;flex-shrink:0}.auth-title{font-size:32px;color:var(--primary);margin-bottom:12px}.auth-subtitle{font-size:16px;color:var(--gray-500)}.auth-footer-mini{position:relative;bottom:auto;left:auto;margin-top:20px;font-size:13px;color:var(--gray-400);display:flex;gap:20px;flex-shrink:0}.auth-footer-link{color:var(--gray-500);text-decoration:none;transition:color .2s}.auth-footer-link:hover{color:var(--primary)}.auth-input{width:100%;padding:12px 16px;border:2px solid var(--gray-200);border-radius:var(--radius-md);background:var(--gray-50);color:var(--gray-900);font-size:15px;font-weight:500;transition:all .2s;outline:none;height:48px}body.dark .auth-input{background:var(--gray-100);border-color:var(--gray-700);color:var(--white)}.auth-input:focus{background:var(--white);border-color:var(--primary);box-shadow:0 0 0 4px #6d28d926}body.dark .auth-input:focus{background:var(--gray-900)}.auth-input-group{position:relative;width:100%;margin-bottom:18px}.auth-input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--gray-400);transition:all .2s;pointer-events:none;width:18px;height:18px}.auth-input-wrapper .auth-input{padding-left:48px!important}.auth-input-group:focus-within .auth-input-icon{color:var(--primary);transform:translateY(-50%) scale(1.1)}.auth-btn{width:100%;padding:12px 24px;border:none;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary),#7C3AED);color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #6d28d966;position:relative;overflow:hidden;height:48px}.auth-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6d28d999;filter:brightness(1.1)}.auth-btn:active{transform:translateY(1px);box-shadow:0 2px 10px #6d28d94d}.auth-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.loading-spinner{animation:spin 1s linear infinite;color:#ffffffe6;filter:drop-shadow(0 0 4px rgba(255,255,255,.5))}.shimmer-sweep{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);animation:shimmer-anim 1.5s infinite}@keyframes shimmer-anim{0%{transform:translate(-100%)}to{transform:translate(100%)}}body.dark .shimmer-sweep{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.05) 50%,transparent 100%)}.role-tabs{display:flex;background:#f1f5f9cc;padding:6px;border-radius:var(--radius-md);margin-bottom:30px;gap:6px;border:1px solid var(--border)}.role-tab{flex:1;padding:12px;border:1px solid transparent;background:transparent;color:var(--gray-500);font-weight:600;cursor:pointer;border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px;position:relative}.role-tab.active{background:var(--white);color:var(--primary);box-shadow:0 2px 8px #0000000d;border-color:#6d28d91a}body.dark .role-tab.active{background:var(--gray-200);color:var(--white)}.profile-hero{background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:var(--radius-lg);padding:60px 20px;position:relative;overflow:hidden}.profile-hero:after{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:#ffffff1a;border-radius:50%;filter:blur(40px)}@keyframes glow{0%{box-shadow:0 4px 16px #3b82f64d}to{box-shadow:0 4px 20px #3b82f680,0 0 30px #3b82f633}}.auth-error{background:linear-gradient(135deg,#ef444426,#dc262626);border:2px solid rgba(239,68,68,.3);border-radius:12px;padding:14px 18px;color:var(--error-dark);font-size:14px;font-weight:600;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:8px;box-shadow:0 2px 8px #ef444433;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}body.dark .auth-error{background:linear-gradient(135deg,#ef444433,#dc262633);border-color:#ef444466;color:#ff6b6b}.password-checklist{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;padding:12px;background:var(--gray-50);border-radius:var(--radius-md);border:1px solid var(--border)}body.dark .password-checklist{background:#ffffff0d}.checklist-item{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:var(--gray-500);transition:all .3s ease}.checklist-item.met{color:var(--success)}.checklist-item .dot{width:6px;height:6px;border-radius:50%;background:var(--gray-300);transition:all .3s ease}.checklist-item.met .dot{background:var(--success);box-shadow:0 0 8px var(--success);transform:scale(1.2)}body.dark .checklist-item.met{color:#10b981}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .45s ease}.auth-text-link{display:block;width:100%;text-align:center;margin-top:24px!important;font-size:15px!important;font-weight:500;background:linear-gradient(90deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;cursor:pointer;transition:all .3s ease;padding:8px 0;border-radius:8px}.profile-main{max-width:1100px;margin:0 auto;padding:22px}.profile-hero{text-align:center;padding:44px 20px;margin-bottom:34px;border-radius:32px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;box-shadow:var(--shadow-lg)}.profile-avatar-wrap{display:flex;justify-content:center;margin-bottom:18px}.profile-avatar{width:110px;height:110px;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;font-size:48px;font-weight:700;color:#fff}.profile-username{font-size:32px;font-weight:700}.profile-email{display:flex;justify-content:center;gap:8px;opacity:.9;margin-top:6px}.profile-role-chip{display:inline-flex;align-items:center;gap:6px;background:#fff3;padding:8px 16px;border-radius:999px;margin-top:12px;font-weight:600}.profile-achievements{padding:28px;border-radius:22px;background:var(--card-bg);box-shadow:var(--shadow-md);margin-bottom:34px}.section-title{margin-bottom:16px;font-size:22px;font-weight:700}.achievements-row{display:flex;gap:22px;flex-wrap:wrap}.badge-card{flex:1;min-width:180px;padding:18px;border-radius:16px;text-align:center;background:var(--gray-100);box-shadow:var(--shadow-sm);font-weight:600}.empty-text{color:var(--gray-600);font-style:italic}.profile-summary{padding:28px;border-radius:22px;background:var(--card-bg);box-shadow:var(--shadow-md)}.profile-table{width:100%;border-collapse:collapse;margin-top:12px}.profile-table th{background:var(--gray-200);padding:12px;text-align:left;font-size:14px}.profile-table td{padding:12px;border-bottom:1px solid var(--gray-300);color:var(--gray-800)}.profile-table tr:hover{background:var(--gray-100)}.profile-stats-strip{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:34px}.pstrip-item{flex:1;min-width:240px;padding:18px 20px;background:var(--card-bg);border-radius:18px;box-shadow:var(--shadow-md);display:flex;gap:16px;align-items:center}.pstrip-icon{background:var(--primary);color:#fff;padding:12px;border-radius:14px}.auth-text-link:hover{opacity:.7;transform:translateY(-1px)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{min-height:100vh;width:100%}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--black);background:var(--surface-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;position:relative}body.dark{background:var(--surface-bg);color:var(--white)}.lucide-icon{transition:all .3s cubic-bezier(.4,0,.2,1)}.icon-primary{color:var(--primary)}.icon-secondary{color:var(--accent)}.icon-accent{color:var(--success)}.icon-warning{color:var(--warning)}.icon-error{color:var(--error)}.stat-icon-wrapper svg{width:28px;height:28px;transition:all .3s ease}.stat-card:hover .stat-icon-wrapper svg{transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 4px 12px rgba(59,130,246,.3))}.achievement-icon{transition:all .3s ease}.achievement-card:hover .achievement-icon{transform:scale(1.2);filter:drop-shadow(0 4px 8px rgba(59,130,246,.3))}.navbar-link svg{transition:all .3s ease}.navbar-link:hover svg{transform:scale(1.1)}.dropdown-item svg{transition:all .3s ease}.dropdown-item:hover svg{transform:translate(4px)}.social-link svg{transition:all .3s ease}.overflow-x-hidden{overflow-x:hidden}.relative{position:relative}.absolute{position:absolute}.sticky{position:sticky}.fixed{position:fixed}.top-0{top:0}.left-0{left:0}.right-0{right:0}.bottom-0{bottom:0}.top-32{top:8rem}.left-1\/2{left:50%}.-translate-x-1\/2{transform:translate(-50%)}.-top-20{top:-5rem}.-right-20{right:-5rem}.container,.max-w-3xl,.max-w-4xl,.max-w-5xl,.max-w-\[1600px\]{width:100%;margin-left:auto;margin-right:auto}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-\[1600px\]{max-width:1600px}.mx-auto{margin-left:auto;margin-right:auto}.mb-8{margin-bottom:2rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.ml-2{margin-left:.5rem}.ml-8{margin-left:2rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.pt-28{padding-top:7rem}.pt-32{padding-top:8rem}.pb-20{padding-bottom:5rem}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.flex-wrap{flex-wrap:wrap}.gap-10{gap:2.5rem}.gap-16{gap:4rem}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:p-12{padding:3rem}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}}@media(min-width:1024px){.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:w-1\/3{width:33.333333%}.lg\:w-2\/3{width:66.666667%}.lg\:col-span-8{grid-column:span 8 / span 8}.lg\:col-span-4{grid-column:span 4 / span 4}}@media(min-width:1280px){.xl\:col-span-8{grid-column:span 8 / span 8}.xl\:col-span-4{grid-column:span 4 / span 4}.xl\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}.bg-white{background-color:var(--white)}.bg-black{background-color:#000}.bg-slate-50{background-color:#f8fafc}.bg-gray-100{background-color:#f3f4f6}.bg-gray-900{background-color:#111827}.bg-primary{background-color:var(--primary)}.bg-accent{background-color:var(--accent)}.bg-red-500{background-color:#ef4444}.bg-green-500{background-color:#22c55e}.bg-transparent{background-color:transparent!important}.bg-accent\/5{background-color:#06b6d40d}.bg-accent\/10{background-color:#06b6d41a}.bg-black\/20{background-color:#0003}.bg-red-500\/10{background-color:#ef44441a}.bg-gray-900\/50{background-color:#11182780}.bg-gray-50\/50{background-color:#f9fafb80}.bg-gray-50\/30{background-color:#f9fafb4d}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-primary{--tw-gradient-from: var(--primary);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(109, 40, 217, 0))}.to-accent{--tw-gradient-to: var(--accent)}.from-gray-100{--tw-gradient-from: #f3f4f6;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(243, 244, 246, 0))}.to-gray-50{--tw-gradient-to: #f9fafb}.text-white{color:#fff}.text-black{color:#000}.text-gray-200{color:#e5e7eb}.text-gray-300{color:#d1d5db}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-700{color:#374151}.text-gray-800{color:#1f2937}.text-gray-900{color:#111827}.text-primary{color:var(--primary)}.text-accent{color:var(--accent)}.text-red-500{color:#ef4444}.text-green-600{color:#16a34a}.text-white\/50{color:#ffffff80}.text-white\/70{color:#ffffffb3}.text-primary\/60{color:#6d28d999}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-transparent{border-color:transparent}.border-gray-100{border-color:#f3f4f6}.border-gray-200{border-color:#e5e7eb}.border-white\/5{border-color:#ffffff0d}.border-white\/10{border-color:#ffffff1a}.border-primary{border-color:var(--primary)}.border-red-100{border-color:#fee2e2}.border-red-500\/20{border-color:#ef444433}.border-accent\/20{border-color:#06b6d433}.rounded-lg{border-radius:.5rem}.rounded-\[24px\]{border-radius:24px}.rounded-\[29px\]{border-radius:29px}.rounded-\[30px\]{border-radius:30px}.rounded-\[32px\]{border-radius:32px}.rounded-\[35px\]{border-radius:35px}.rounded-\[40px\]{border-radius:40px}.rounded-\[50px\]{border-radius:50px}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a}.shadow-inner{box-shadow:inset 0 2px 4px #0000000d}.shadow-primary\/10{box-shadow:0 20px 40px #6d28d91a}.shadow-primary\/20{box-shadow:0 20px 40px #6d28d933}.shadow-primary\/30{box-shadow:0 20px 40px #6d28d94d}.shadow-primary\/40{box-shadow:0 20px 40px #6d28d966}.shadow-accent\/20{box-shadow:0 20px 40px #06b6d433}.shadow-slate-200\/50{box-shadow:0 20px 40px #e2e8f080}.shadow-red-500\/20{box-shadow:0 10px 20px #ef444433}.blur-3xl{filter:blur(64px)}.backdrop-blur-md{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.opacity-0{opacity:0}.opacity-20{opacity:.2}.opacity-100{opacity:1}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{50%{opacity:.5}}.animate-spin{animation:spin 1s linear infinite}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-bounce{animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.font-medium{font-weight:500}.italic{font-style:italic}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-\[0\.3em\]{letter-spacing:.3em}.tracking-\[0\.4em\]{letter-spacing:.4em}.leading-tight{line-height:1.25}.leading-relaxed{line-height:1.625}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.outline-none{outline:2px solid transparent;outline-offset:2px}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.hover\:scale-105:hover{transform:scale(1.05)}.hover\:scale-110:hover{transform:scale(1.1)}.hover\:scale-\[1\.02\]:hover{transform:scale(1.02)}.active\:scale-90:active{transform:scale(.9)}.active\:scale-95:active{transform:scale(.95)}.active\:scale-\[0\.98\]:active{transform:scale(.98)}.group:hover .group-hover\:scale-110{transform:scale(1.1)}.group:hover .group-hover\:scale-125{transform:scale(1.25)}.group:hover .group-hover\:rotate-0{transform:rotate(0)}.group:hover .group-hover\:rotation-6{transform:rotate(6deg)}.group:hover .group-hover\:-translate-x-1{transform:translate(-.25rem)}.group:hover .group-hover\:translate-x-3{transform:translate(.75rem)}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:text-primary{color:var(--primary)}.group:hover .group-hover\:border-white\/10{border-color:#ffffff1a}.z-10{z-index:10}.z-20{z-index:20}.-z-10{z-index:-10}.pointer-events-none{pointer-events:none}.hidden{display:none}.w-fit{width:fit-content}.h-fit{height:fit-content}.ring-4{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--shadow, 0 0 #0000)}.ring-primary\/20{--tw-ring-color: rgba(109, 40, 217, .2)}.ring-primary{--tw-ring-color: var(--primary)}.focus\:ring-0:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--shadow, 0 0 #0000)}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--shadow, 0 0 #0000)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;border-radius:var(--radius-md);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none;border:1px solid transparent;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.btn-primary{background:var(--button);color:#fff;box-shadow:0 4px 14px #f973164d}.btn-primary:hover{background:var(--button-hover);transform:translateY(-2px);box-shadow:0 8px 24px #f9731666}.btn-vibrant{background:var(--vibrant-gradient)!important;color:#fff!important;border:none!important;box-shadow:0 10px 30px #f396!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-vibrant:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 40px #ff339980!important}.btn-vibrant *{color:#fff!important}.btn-outline{background:transparent;border:2px solid var(--primary);color:var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff}.btn-outline-vibrant{background:#ffffff1a!important;border:2px solid rgba(255,255,255,.4)!important;color:#fff!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-outline-vibrant:hover{background:#fff3!important;border-color:#fff9!important;transform:translateY(-2px)}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--error);color:#fff}.btn-secondary{background:var(--gray-100);color:var(--gray-700)}body.dark .btn-secondary{background:var(--gray-200);color:var(--white)}.btn svg{width:18px;height:18px;transition:transform var(--transition-normal)}.btn:hover svg{transform:scale(1.1)}body.dark .btn-outline{background:#1a1a1acc;border-color:#3b82f680;color:var(--primary)}body.dark .btn-outline:hover{background:var(--primary);color:#fff}body.dark .btn-secondary{background:var(--gray-800);color:var(--gray-200);border-color:var(--border-gray)}body.dark .btn-secondary:hover{background:var(--gray-700);color:#fff}body.dark .futuristic-card,body.dark .hp-badge,body.dark .profile-main,body.dark .profile-hero,body.dark .profile-avatar,body.dark .profile-username,body.dark .profile-email,body.dark .profile-email svg,body.dark .profile-role-chip,body.dark .profile-role-chip svg,body.dark .profile-stats-strip,body.dark .pstrip-item,body.dark .pstrip-icon,body.dark .profile-achievements,body.dark .section-title,body.dark .empty-text,body.dark .achievements-row,body.dark .badge-card,body.dark .badge-card svg,body.dark .profile-summary,body.dark .profile-table,body.dark .profile-table th,body.dark .profile-table td,body.dark .profile-table tr:hover{background:#ffffff0d!important}body.dark .navbar{background:#000000f2!important}body.dark .dropdown-menu{background:#000!important;border-color:#ffffff1a!important}body.dark .auth-container{background:transparent!important}body.dark .auth-input{background:#0009!important;border-color:#ffffff40!important;color:#fff!important}body.dark .auth-input::placeholder{color:#ffffff80!important;opacity:.8!important}body.dark .auth-input:focus{background:#000c!important;border-color:var(--primary)!important;color:#fff!important}body.dark .auth-input:hover{border-color:var(--primary)!important}body.dark .auth-btn{background:linear-gradient(135deg,var(--primary),var(--accent))!important;color:#fff!important}body.dark .empty-state svg{color:var(--primary)!important}body.dark .table-container table{background:#000!important}body.dark .table-container th{background:#ffffff0d!important;color:#fff!important}body.dark .table-container td{color:#ffffffe6!important}body.dark .table-container tr:hover{background:#ffffff0d!important}body.dark .loading-text{color:#fffc!important}.achievement-card{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fffffff2;border:1px solid rgba(0,0,0,.1);border-radius:8px;transition:all .3s ease;cursor:help;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a}.achievement-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0003;background:#fff;border-color:#0003}.achievement-icon{color:var(--primary);flex-shrink:0}.achievement-content{display:flex;flex-direction:column;gap:2px}.achievement-title{font-size:12px;font-weight:600;color:var(--black)}.achievement-desc{font-size:10px;color:var(--gray-600);opacity:.8}body.dark .achievement-card{background:#000000e6;border-color:#fff3;box-shadow:0 2px 8px #0000004d}body.dark .achievement-card:hover{background:#000000f2;border-color:#ffffff4d;box-shadow:0 6px 20px #00000080}body.dark .achievement-title{color:#fff}body.dark .achievement-desc,body.dark .user-role{color:#e0e0e0!important}body.dark .achievement-icon{color:var(--secondary)}.inline-icon{margin-right:6px;color:var(--primary)}.navbar{position:fixed;top:0;left:0;right:0;height:80px;z-index:1000;display:flex;align-items:center;padding:0 24px;background:var(--navbar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);transition:all .3s ease}.navbar-scrolled{box-shadow:var(--shadow-md);height:70px}.navbar-container{max-width:1440px;margin:0 auto;width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 40px}@media(max-width:1200px){.navbar-container{padding:0 24px}}.navbar-logo{display:flex;align-items:center;gap:16px;cursor:pointer;padding:8px 12px;border-radius:var(--radius-md);transition:background .2s}.navbar-logo:hover{background:#6d28d90d}.logo-icon{color:var(--primary)}.logo-text{font-size:34px;letter-spacing:-1px;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-links{display:flex;gap:12px;margin-left:64px;margin-right:40px;flex:1}@media(max-width:1100px){.navbar-links{margin-left:20px;gap:4px}}.navbar-link{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--radius-md);color:var(--gray-600);font-weight:500;transition:all .2s;background:transparent;border:none;cursor:pointer}body.dark .navbar-link{color:var(--gray-400)}.navbar-link:hover{background:var(--gray-50);color:var(--primary)}body.dark .navbar-link:hover{background:var(--gray-100);color:var(--white)}.navbar-link.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #6d28d94d}.navbar-user{display:flex;align-items:center;gap:24px;position:relative}.dark-toggle{background:var(--gray-100);border:none;color:var(--gray-600);cursor:pointer;padding:8px;border-radius:var(--radius-sm);transition:all .2s}body.dark .dark-toggle{background:var(--gray-200);color:var(--white)}.dark-toggle:hover{background:var(--gray-200);transform:scale(1.05)}.user-info{display:flex;align-items:center;gap:12px;padding:6px 12px;border-radius:var(--radius-full);cursor:pointer;border:1px solid var(--border);background:var(--card-bg);transition:all .2s}.user-info:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.user-avatar{width:42px;height:42px;border-radius:50%;background:var(--vibrant-gradient);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #6d28d933;border:2px solid var(--white)}body.dark .user-avatar{border-color:var(--gray-800)}.user-details{display:flex;flex-direction:column;line-height:1.2;gap:1px;text-align:left}.user-name{font-weight:700;font-size:14px;color:var(--gray-900)}body.dark .user-name{color:var(--white)}.user-role{font-size:10px;color:var(--primary);text-transform:uppercase;font-weight:800;background:#6d28d914;padding:2px 6px;border-radius:4px;width:fit-content;letter-spacing:.02em}body.dark .user-role{background:#a78bfa26;color:#c4b5fd}.dropdown-menu{position:absolute;top:calc(100% + 12px);right:0;width:200px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:8px;z-index:1001;animation:fadeIn .2s ease-out}.dropdown-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;color:var(--gray-700);font-weight:600;font-size:14px;transition:all .2s cubic-bezier(.4,0,.2,1);background:transparent;border:none;cursor:pointer}body.dark .dropdown-item{color:var(--gray-800)}.dropdown-item:hover{background:var(--gray-100);color:var(--primary);transform:translate(4px)}body.dark .dropdown-item:hover{background:#ffffff0d;color:var(--white)}.dropdown-item svg{color:var(--primary);opacity:.8}body.dark .dropdown-item svg{color:var(--primary);opacity:1}.dropdown-item.danger{color:var(--error)}.dropdown-item.danger:hover{background:#ef44440d}@media(max-width:1100px){.navbar-links,.user-details{display:none}.mobile-menu-toggle{display:block;z-index:1002;position:relative}.mobile-menu-backdrop{display:block;position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;animation:fadeIn .3s ease-out}.navbar-links.mobile-menu-open{display:flex!important;position:fixed;top:80px;left:0;right:0;padding:24px;background:var(--card-bg);border-bottom:1px solid var(--border);flex-direction:column;gap:12px;box-shadow:var(--shadow-lg);z-index:1000;animation:slideDown .3s ease-out}.navbar-links.mobile-menu-open .navbar-link{width:100%;justify-content:flex-start;padding:14px 20px;font-size:16px;border-radius:var(--radius-md)}.navbar-links.mobile-menu-open .navbar-link:hover{background:#3b82f626}body.dark .navbar-links.mobile-menu-open{background:#0f172afa;border-color:#ffffff1a}}.mobile-menu-toggle{display:none;background:transparent;border:none;color:var(--gray-600);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s}body.dark .mobile-menu-toggle{color:var(--white)}.mobile-menu-toggle:hover{background:var(--gray-100)}body.dark .mobile-menu-toggle:hover{background:var(--gray-200)}.hero-pro{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border-radius:24px;padding:60px 40px;margin-bottom:40px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;box-shadow:0 20px 40px #6d28d933}.hero-pro:before{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:#ffffff1a;border-radius:50%;filter:blur(60px)}.hero-pro-title{font-size:42px;font-weight:800;margin-bottom:12px;letter-spacing:-.02em}.hero-pro-sub{font-size:18px;opacity:.9;margin-bottom:30px;max-width:500px;line-height:1.6}.stat-card{padding:30px;border-radius:20px;background:var(--card-bg);border:1px solid var(--border);display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-8px);border-color:var(--primary);box-shadow:0 15px 30px #0000001a}.stat-icon-wrapper{width:48px;height:48px;border-radius:14px;background:#6d28d91a;color:var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.stat-value{font-size:32px;font-weight:800;margin-bottom:4px;color:var(--gray-900)}.stat-label{font-size:14px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dashboard-container{max-width:1440px;margin:0 auto;padding:40px;width:100%}@media(max-width:1024px){.dashboard-container{padding:30px 24px}}.glass-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:32px;border:1px solid var(--border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 32px #1f268712;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease}.glass-card:hover{transform:translateY(-4px);box-shadow:0 12px 48px #1f26871f}.dashboard-section{background:var(--card-bg);border-radius:var(--radius-lg);padding:32px;margin-bottom:32px;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.dashboard-section-title{font-size:28px;font-weight:800;margin-bottom:12px}.hero-pro{background:var(--vibrant-gradient)!important;color:#fff!important;border-radius:var(--radius-lg);padding:60px;margin-bottom:40px;display:flex;align-items:center;justify-content:space-between;gap:40px;position:relative;overflow:hidden;box-shadow:0 20px 40px #6d28d933}@media(max-width:1024px){.hero-pro{padding:40px;flex-direction:column;text-align:center}.hero-pro-title{font-size:32px}}.hero-pro-title{font-size:42px;font-weight:800;margin-bottom:20px;color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.15);line-height:1.2}.hero-name-highlight{position:relative;display:inline-block;padding-bottom:4px}.hero-name-highlight:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background:var(--accent);border-radius:2px;opacity:.8}.forced-dark,.hero-pro,.profile-hero,.quizzes-hero,.analytics-hero,.myresults-hero,.leaderboard-hero,.faqs-hero{color:#fff!important;background:var(--vibrant-gradient)!important}.forced-dark p,.hero-pro p,.profile-hero p,.quizzes-hero p,.analytics-hero p,.myresults-hero p,.leaderboard-hero p,.faqs-hero p{color:#ffffffe6!important}.forced-dark h1,.hero-pro h1,.profile-hero h1,.quizzes-hero h1,.analytics-hero h1,.myresults-hero h1,.leaderboard-hero h1,.faqs-hero h1,.forced-dark h2,.hero-pro h2,.profile-hero h2,.quizzes-hero h2,.analytics-hero h2,.myresults-hero h2,.leaderboard-hero h2,.faqs-hero h2,.forced-dark h3,.hero-pro h3{color:#fff!important}.forced-dark span,.hero-pro span{color:#ffffffe6!important}.forced-dark .glass-card,.hero-pro .glass-card{background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important}.hero-pro-sub{font-size:18px;opacity:.9;margin-bottom:32px;max-width:480px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.stat-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:var(--shadow-neon)}.stat-icon-wrapper{width:48px;height:48px;background:var(--gray-100);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--primary);margin-bottom:16px}body.dark .stat-icon-wrapper{background:var(--gray-200)}.stat-value{font-size:32px;font-weight:800;color:var(--gray-900);display:block}body.dark .stat-value{color:var(--white)}.stat-label{color:var(--gray-500);font-weight:500}.stat-label{font-size:16px;color:var(--gray-600);font-weight:500;margin:0}body.dark .stat-card{background:#000c!important;border:1px solid rgba(255,255,255,.1)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;box-shadow:0 4px 16px #0000004d!important}body.dark .stat-card:hover{background:#000000e6!important;border-color:#fff3!important;box-shadow:0 8px 24px #0006!important}body.dark .stat-value{color:#fff!important;font-weight:800!important}body.dark .stat-label{color:#ffffffe6!important;font-weight:600!important}.section-heading{font-size:28px;font-weight:800;color:var(--gray-900);margin-bottom:24px;display:flex;align-items:center;gap:12px}body.dark .section-heading{color:var(--white)}.table-container{background:var(--card-bg);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid rgba(255,255,255,.1);margin-top:24px}.table-container table{width:100%;border-collapse:collapse}.table-container th{background:var(--gray-100);padding:16px 20px;text-align:left;font-weight:600;color:#1a1a1a;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.table-container td{padding:16px 20px;border-bottom:1px solid var(--gray-200);color:#333;font-size:14px}.table-container tr:hover{background:#f0f4ff;cursor:pointer}.table-container tr:last-child td{border-bottom:none}body.dark .table-container{background:var(--gray-800);border-color:var(--gray-700)}body.dark .table-container th{background:var(--gray-700);color:#fff}body.dark .table-container td{color:var(--gray-300);border-bottom-color:var(--gray-600)}body.dark .table-container tr:hover{background:var(--gray-700)}.empty-state{text-align:center;padding:64px 32px;background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid rgba(255,255,255,.1)}.empty-state h3{font-size:24px;font-weight:600;color:var(--black);margin:16px 0 8px}.empty-state p{color:var(--gray-600);font-size:16px;margin:0}body.dark .empty-state{background:#000!important;border-color:var(--gray-700)}body.dark .empty-state h3{color:#fff}body.dark .empty-state p{color:var(--gray-400)}.empty-state.enhanced{background:var(--card-bg);border:2px solid var(--border-gray);border-radius:16px;padding:48px 32px;margin:32px 0}.empty-state.enhanced .empty-icon{font-size:48px;margin-bottom:16px;opacity:.6}body.dark .empty-state.enhanced{background:var(--gray-800);border-color:var(--gray-700)}.dashboard-footer{background:var(--navbar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);padding:28px 0 0;margin-top:auto;width:100%}body.dark .dashboard-footer{background:#0f172ae6}.footer-container{width:100%;margin:0 auto;padding:0 60px;display:flex;justify-content:space-between;align-items:flex-start;gap:48px}.footer-brand-section{flex:1;max-width:500px}.footer-logo{display:flex;align-items:center;gap:12px;color:var(--primary);margin-bottom:10px}.footer-logo-text{font-size:24px;font-weight:800;background:var(--primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.footer-brief{font-size:15px;color:var(--gray-500);line-height:1.65;margin-bottom:16px;max-width:450px}.footer-social-strip{display:flex;gap:12px}.social-icon-mini{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--gray-100);border-radius:10px;color:var(--gray-600);transition:all .2s;text-decoration:none}.social-icon-mini:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}body.dark .social-icon-mini{background:#ffffff0d;color:var(--gray-400)}.footer-columns{display:flex;gap:52px;flex:1;justify-content:flex-end}.footer-col{display:flex;flex-direction:column;gap:10px}.footer-col-title{font-size:16px;font-weight:700;color:var(--gray-800);margin-bottom:2px}body.dark .footer-col-title{color:var(--white)}.footer-col-link{font-size:15px;color:var(--gray-500);text-decoration:none;transition:color .2s}.footer-col-link:hover{color:var(--primary)}.footer-bottom-bar{margin-top:24px;border-top:1px solid var(--border);padding:14px 0;background:#00000005}body.dark .footer-bottom-bar{background:#ffffff05}.footer-bottom-bar .footer-container{display:flex;justify-content:space-between;align-items:center}.footer-bottom-bar p{font-size:14px;color:var(--gray-400);margin:0}.footer-bottom-extra{display:flex;gap:20px}.footer-bottom-extra a{font-size:14px;color:var(--gray-400);text-decoration:none}.footer-bottom-extra a:hover{color:var(--primary)}@media(max-width:992px){.footer-container{flex-direction:column;gap:28px;padding:0 20px}.footer-columns{width:100%;justify-content:flex-start;gap:28px}}@media(min-width:600px)and (max-width:750px){.dashboard-container{padding:16px;max-width:100%}.dashboard-section{padding:24px 20px}.hero-pro{padding:32px 20px;flex-direction:column;text-align:center}.hero-pro-title{font-size:26px}.hero-pro-sub{font-size:14px}.hero-pro-badges{flex-wrap:wrap;justify-content:center;gap:12px}.hero-pro-buttons{flex-wrap:wrap;justify-content:center}.stats-grid,.quizzes-grid-dashboard,.quizzes-grid{grid-template-columns:repeat(2,1fr);gap:18px}.section-heading{font-size:22px}.page-title{font-size:26px}.dashboard-footer{border-radius:0;margin-top:40px}.footer-content{padding:32px 20px;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:24px}.footer-brand{flex:1 1 100%;max-width:100%;margin-bottom:0;flex-direction:row;align-items:flex-start}.footer-brand svg{flex-shrink:0}.footer-brand-text{flex:1;margin-left:12px}.footer-title{font-size:22px}.footer-subtitle{font-size:12px;line-height:1.5;margin-top:4px}.footer-links{flex:1 1 100%;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;justify-items:start;width:100%;margin-top:8px}.footer-section{width:100%;max-width:100%;min-width:0;align-items:flex-start}.footer-section-title{font-size:15px;margin-bottom:10px;white-space:normal}.footer-link{font-size:13px;padding:5px 0;white-space:normal}.footer-social{justify-content:flex-start;gap:10px;margin-top:10px}.social-link{width:36px;height:36px}.footer-bottom-content{flex-direction:row;justify-content:space-between;align-items:center;padding:16px 20px;gap:16px}.footer-copyright{font-size:12px;flex-wrap:wrap}.footer-bottom-links{gap:16px;flex-wrap:wrap}.footer-bottom-link{font-size:12px}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-container table{min-width:600px}.contact-container,.form-row{grid-template-columns:1fr}}@media(max-width:430px){.dashboard-footer{border-radius:0;margin-top:40px}.footer-content{padding:32px 16px;flex-direction:column;gap:32px;align-items:center;text-align:center}.footer-brand{flex-direction:column;align-items:center;text-align:center;width:100%;max-width:100%}.footer-brand-text{align-items:center;text-align:center;width:100%}.footer-subtitle{font-size:13px;line-height:1.6;padding:0 8px}.footer-subtitle br{display:block}.footer-links{flex-direction:column;width:100%;gap:32px;align-items:center}.footer-section{align-items:center;text-align:center;width:100%;max-width:280px}.footer-section-title{font-size:15px;margin-bottom:4px}.footer-link{font-size:14px;padding:6px 0}.footer-social{justify-content:center;gap:12px}.footer-bottom-content{flex-direction:column;text-align:center;padding:20px 16px;gap:16px}.footer-copyright{justify-content:center;text-align:center;font-size:13px;line-height:1.5}.footer-bottom-links{justify-content:center;gap:16px;flex-wrap:wrap}.footer-bottom-link{font-size:12px}}@media(min-width:320px)and (max-width:390px){.footer-subtitle{font-size:12px;padding:0 4px}.footer-section{max-width:100%}.footer-links{gap:24px}}body.dark .dashboard-footer{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.05)}.quiz-card-dashboard{background:var(--card-bg);border-radius:var(--radius-lg);width:100%;max-width:none;padding:24px;box-shadow:var(--shadow-md);border:1px solid var(--border-gray);transition:all .3s ease;display:flex;flex-direction:column;gap:16px}.quiz-card-dashboard:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.quiz-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.quiz-card-subject{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:600}.quiz-card-date{font-size:12px;color:var(--gray-600)}.quiz-card-title{font-size:20px;font-weight:700;color:var(--black);margin:0 0 8px}.quiz-card-description{font-size:14px;color:var(--gray-600);line-height:1.6;margin:0 0 16px}.quiz-card-stats{display:flex;gap:16px;flex-wrap:wrap}.quiz-stat-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--gray-600)}.quiz-card-actions{margin-top:auto;padding-top:16px;border-top:1px solid var(--border-gray)}.quizzes-grid-dashboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;justify-items:center;margin-top:24px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;flex-wrap:wrap;gap:24px;padding:32px 0;border-bottom:1px solid var(--border-light)}.header-content{display:flex;align-items:center;gap:20px;flex:1;min-width:300px}.header-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.header-icon:hover{transform:scale(1.05);box-shadow:var(--shadow-lg)}.page-title{font-size:36px;font-weight:800;color:var(--gray-900);margin:0;line-height:1.1}.page-subtitle{font-size:18px;color:var(--gray-600);margin:8px 0 0;line-height:1.5;max-width:500px}.header-actions{display:flex;gap:16px;flex-wrap:wrap}body.dark .page-header{border-bottom-color:var(--border-gray)}body.dark .page-title{color:#fff;background:none;-webkit-background-clip:initial;background-clip:unset;-webkit-text-fill-color:initial}body.dark .page-subtitle{color:var(--gray-400)}.dashboard-section>p{margin-top:8px;margin-bottom:48px}.header-icon{width:52px;height:52px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:14px;display:flex;flex-shrink:0;align-items:center;justify-content:center;color:#fff}.page-title{font-size:32px;font-weight:800;color:var(--black);margin-bottom:2px;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{font-size:16px;color:var(--gray-600);margin:0}.filters-section{display:flex;gap:16px;margin-bottom:32px;flex-wrap:wrap}body.dark .filters-section{background:transparent!important}.search-bar{flex:1;min-width:250px;display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--card-bg);border:2px solid var(--border-gray);border-radius:12px;transition:all .3s ease}.search-bar:hover{border-color:#3b82f680}.search-bar:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px #3b82f61a}.search-bar svg{color:var(--gray-600);flex-shrink:0;transition:color .3s ease}.search-bar:focus-within svg{color:var(--primary)}.search-input{flex:1;border:none;outline:none;background:transparent;color:var(--black);font-size:15px}.search-input::placeholder{color:var(--gray-500)}.filter-dropdown{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--card-bg);border:2px solid var(--border-gray);border-radius:12px;transition:all .3s ease}.filter-dropdown:hover{border-color:#3b82f680}.filter-dropdown:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px #3b82f61a}.filter-dropdown svg{color:var(--gray-600);flex-shrink:0;transition:color .3s ease}.filter-dropdown:focus-within svg{color:var(--primary)}.filter-select{border:none;outline:none;background:transparent;color:var(--black);font-size:15px;cursor:pointer;width:100%}.filter-select option{background:var(--card-bg);color:var(--black)}.quizzes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-top:24px}.quiz-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-md);border:1px solid var(--border-gray);transition:all .3s ease;display:flex;flex-direction:column;gap:16px}.quiz-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.quiz-header{display:flex;justify-content:space-between;align-items:center}.quiz-subject{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.quiz-date{font-size:12px;color:var(--gray-600)}.quiz-content{flex:1}.quiz-title{font-size:20px;font-weight:700;color:var(--black);margin:0 0 8px}.quiz-description{font-size:14px;color:var(--gray-600);line-height:1.6;margin:0 0 16px}.quiz-stats{display:flex;gap:16px;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--gray-600)}.quiz-actions{margin-top:auto;padding-top:16px;border-top:1px solid var(--border-gray)}.quiz-btn{width:100%;justify-content:center}.enhanced-table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border-gray);background:var(--card-bg)}.enhanced-table{width:100%;border-collapse:collapse}.enhanced-table th{background:var(--gray-100);padding:16px 20px;text-align:left;font-weight:600;color:var(--black);font-size:14px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-gray)}.enhanced-table td{padding:16px 20px;border-bottom:1px solid var(--border-gray);color:var(--black);font-size:14px}.enhanced-table tr.even-row{background:var(--gray-50)}.enhanced-table tr.odd-row{background:var(--card-bg)}.enhanced-table tr:hover{background:#3b82f60d}.enhanced-table tr:last-child td{border-bottom:none}body.dark .enhanced-table-wrapper{background:var(--gray-800);border-color:var(--gray-700)}body.dark .enhanced-table th{background:var(--gray-700);color:#fff}body.dark .enhanced-table td{color:var(--gray-300);border-bottom-color:var(--gray-600)}body.dark .enhanced-table tr.even-row{background:var(--gray-800)}body.dark .enhanced-table tr.odd-row{background:var(--gray-900)}body.dark .enhanced-table tr:hover{background:#4c8cff1a}.loading{text-align:center;padding:3rem;color:var(--gray-600);font-size:16px}.loading-text{margin-top:1rem}.btn,.navbar-link,.mobile-menu-toggle{min-height:44px;min-width:44px}@media(max-width:480px){.navbar-container{padding:0 12px;height:70px}.logo-text{font-size:18px}.logo-icon{width:26px;height:26px}body{padding-top:70px}.navbar-links.mobile-menu-open{top:70px;padding:16px}.dashboard-container{padding:12px}.dashboard-section{padding:20px 16px}.hero-pro{padding:28px 16px}.hero-pro-title{font-size:22px}.hero-pro-sub{font-size:14px}.stats-grid,.quizzes-grid-dashboard,.quizzes-grid{grid-template-columns:1fr;gap:16px}.section-heading{font-size:20px}.page-title{font-size:22px}.auth-container{padding:12px}.glass-card{padding:28px 20px}.auth-title{font-size:22px}.footer-content{flex-direction:column;gap:32px;padding:32px 16px}.footer-links{flex-direction:column;gap:24px}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-container table{min-width:600px;font-size:12px}.table-container th,.table-container td{padding:12px 8px}.hero-pro-badges{flex-direction:column;gap:12px}.hero-pro-buttons{flex-direction:column;width:100%;gap:12px}.hero-pro-buttons .btn{width:100%;padding:14px 20px}.navbar-links.mobile-menu-open .navbar-link{padding:16px;font-size:16px}}@media(max-width:768px)and (orientation:landscape){.navbar-links.mobile-menu-open{max-height:calc(100vh - 80px);overflow-y:auto}.hero-pro{padding:24px}.hero-pro-title{font-size:24px}}@media(min-width:481px)and (max-width:768px){.navbar-container{padding:0 16px}.dashboard-container{padding:16px}.stats-grid,.quizzes-grid-dashboard,.quizzes-grid{grid-template-columns:repeat(2,1fr)}.hero-pro{flex-direction:column;text-align:center;padding:40px 24px}.hero-pro-left,.hero-pro-img-wrap{max-width:100%}.page-header{flex-direction:column;align-items:flex-start}.filters-section{flex-direction:column}.search-bar,.filter-dropdown{width:100%}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.footer-content{padding:36px 20px;gap:32px}.footer-brand{flex-direction:row;align-items:flex-start;width:100%;max-width:100%}.footer-brand-text{flex:1}.footer-subtitle{font-size:13px;line-height:1.6}.footer-links{flex-direction:row;justify-content:space-around;width:100%;gap:24px;flex-wrap:wrap}.footer-section{flex:1 1 calc(33.333% - 16px);min-width:140px;max-width:200px}.footer-bottom-content{flex-direction:row;justify-content:space-between;padding:18px 20px}.footer-copyright{font-size:13px}.footer-bottom-links{gap:16px}}@media(min-width:700px)and (max-width:750px){.footer-content{padding:32px 20px;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:28px}.footer-brand{flex:1 1 100%;max-width:100%;margin-bottom:8px}.footer-brand-text{flex:1}.footer-subtitle{font-size:13px;line-height:1.6;padding-right:0}.footer-links{flex:1 1 100%;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;justify-items:start;width:100%}.footer-section{width:100%;max-width:100%;min-width:0}.footer-section-title{font-size:15px;margin-bottom:8px}.footer-link{font-size:14px;padding:6px 0}.footer-social{justify-content:flex-start;gap:12px}.footer-bottom-content{flex-direction:column;text-align:center;gap:12px;padding:18px 20px}.footer-copyright{justify-content:center;font-size:13px}.footer-bottom-links{justify-content:center;gap:20px}}@media(min-width:769px)and (max-width:1024px){.navbar-container{padding:0 20px}.dashboard-container{padding:20px}.stats-grid,.quizzes-grid-dashboard,.quizzes-grid{grid-template-columns:repeat(2,1fr)}.hero-pro{gap:32px;padding:40px}.hero-pro-title{font-size:32px}.contact-container{grid-template-columns:1fr}}@media(min-width:1025px){.stats-grid{grid-template-columns:repeat(4,1fr)}.quizzes-grid-dashboard,.quizzes-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1440px){.dashboard-container{max-width:1400px}}@media(max-width:1024px){.quizzes-grid-dashboard{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.quizzes-grid-dashboard{grid-template-columns:1fr}}@media(max-width:768px){.hero-pro{flex-direction:column;text-align:center}.hero-pro-left,.hero-pro-img-wrap{max-width:100%}.page-header{flex-direction:column;align-items:flex-start}.filters-section{flex-direction:column}.search-bar,.filter-dropdown{width:100%}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.contact-container,.form-row,.help-grid,.features-grid,.resources-grid,.team-grid{grid-template-columns:1fr}.mission-values,.footer-content{flex-direction:column}.footer-links{flex-direction:column;gap:24px}}.mb-4{margin-bottom:1rem}.mt-4{margin-top:1rem}.text-center{text-align:center}.block{display:block}.flex-1{flex:1}.empty-cta{margin-top:1.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.input-field{width:100%;padding:16px 20px;border:2px solid var(--border-gray);border-radius:var(--radius-lg);background:var(--card-bg);color:var(--black);font-size:15px;font-weight:500;transition:all var(--transition-normal);outline:none;min-height:48px;font-family:inherit}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 4px #3b82f61a;transform:translateY(-1px)}.input-field:hover{border-color:#3b82f680}.input-field::placeholder{color:var(--gray-500);font-weight:400}.input-field:disabled{opacity:.6;cursor:not-allowed;background:var(--gray-100)}textarea.input-field{resize:vertical;min-height:120px;line-height:1.6}select.input-field{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:44px;appearance:none;-webkit-appearance:none;-moz-appearance:none}body.dark .input-field{background:#1a1a1acc;border-color:#fff3;color:#fff}body.dark .input-field:focus{background:#1a1a1af2;border-color:var(--primary);color:#fff;box-shadow:0 0 0 4px #3b82f633}body.dark .input-field:hover{border-color:#3b82f699}body.dark .input-field::placeholder{color:#ffffff80}body.dark .input-field:disabled{background:var(--gray-800);opacity:.5}body.dark select.input-field{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ccc' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}body.dark label,body.dark .block,body.dark .text-sm,body.dark .font-medium,body.dark .font-semibold{color:#fff!important}body.dark .block.text-sm.font-medium{color:#ffffffe6!important}body.dark .option-box{background:#0009!important;border-color:#fff3!important}body.dark .option-box input[type=text]{background:transparent!important;border:none!important;color:#fff!important}body.dark .option-box input[type=text]::placeholder{color:#ffffff80!important}body.dark .option-box input[type=text]:focus{background:transparent!important;outline:none!important}body.dark .option-box[style*="rgba(16,185,129"]{background:#10b98126!important;border-color:#10b98166!important}body.dark .card[style*=border]{background:#000!important;border-color:#ffffff1a!important}body.dark .grid{background:transparent!important}body.dark .space-y-6>*{background:transparent!important}body.dark .flex,body.dark .justify-between,body.dark .items-center{background:transparent!important}body.dark .text-lg{color:#fff!important}body.dark .mb-2,body.dark .mb-3,body.dark .mb-4,body.dark .mb-6,body.dark .mt-4{background:transparent!important}body.dark [style*=border-top]{border-top-color:#ffffff1a!important}body.dark input[type=radio]{accent-color:var(--primary)!important}body.dark textarea.input-field{background:#0009!important;border-color:#ffffff40!important;color:#fff!important}body.dark textarea.input-field::placeholder{color:#ffffff80!important}body.dark textarea.input-field:focus{background:#000c!important;border-color:var(--primary)!important;color:#fff!important}body.dark .dashboard-section p,body.dark .dashboard-section span,body.dark .dashboard-section div:not(.input-field):not(.btn){color:#ffffffe6!important}body.dark h4.font-semibold{color:#fff!important}body.dark label.block.text-sm.font-medium,body.dark label.block.font-medium{color:#ffffffe6!important}body.dark [style*="var(--accent-dark)"]{color:var(--accent-dark)!important}body.dark .option-box input[type=text]{color:#fff!important}body.dark .option-box input[type=text]:focus{color:#fff!important}body.dark .card{background:#000!important;border-color:#ffffff1a!important}body.dark textarea.input-field{resize:vertical;min-height:80px}body.dark .grid{gap:2rem}body.dark .dashboard-section form *{color:inherit}body.dark .dashboard-section form label{color:#ffffffe6!important}body.dark .dashboard-section form input,body.dark .dashboard-section form textarea{color:#fff!important}body.dark .section-heading{color:#fff!important;background:none!important}body.dark .flex.items-center.gap-3{background:transparent!important}body.dark .btn-outline[style*="var(--error-dark)"]{color:var(--error-dark)!important}body.dark .btn-outline[style*="rgba(239, 68, 68"]{background:#ef444426!important;border-color:#ef444466!important;color:#ff6b6b!important}body.dark .btn-outline[style*="rgba(239, 68, 68"]:hover{background:#ef444440!important;border-color:#ef444499!important}body.dark .stat-card[style*="Time Spent"],body.dark .stat-card[style*=time]{background:linear-gradient(135deg,#000c,#0009)!important;border-color:#6366f14d!important;color:#fff!important}body.dark .stat-card h3,body.dark .stat-card p{color:inherit!important}body.dark .stats-grid .stat-card{background:var(--card-bg)!important;border-color:#ffffff1a!important}body.dark .stats-grid .stat-card .stat-value{color:#fff!important}body.dark .stats-grid .stat-card .stat-label{color:#ffffffb3!important}body.dark .text-center h2,body.dark .text-center p{color:inherit!important}body.dark .text-center p{color:#ffffffb3!important}body.dark button[style*="border-radius: 50%"]{background:#fff3!important}body.dark button[style*="border-radius: 50%"]:hover{background:#ffffff4d!important}body.dark [style*="Progress:"]{color:#fff!important}body.dark [style*=answered]{color:#ffffffb3!important}body.dark .card[style*=background]{background:#000!important}body.dark label[style*="cursor: pointer"]{background:#00000080!important;border-color:#fff3!important}body.dark label[style*="cursor: pointer"]:hover{background:#000000b3!important;border-color:#3b82f666!important}body.dark label[style*="cursor: pointer"] span{color:#fff!important}body.dark .loading-spinner{border-color:#ffffff4d!important;border-top-color:#fff!important}body.dark button:disabled{opacity:.5!important;cursor:not-allowed!important}body.dark svg{color:inherit!important}body.dark .stat-icon-wrapper svg{color:var(--primary)!important}.card{background:var(--card-bg);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-md);border:1px solid var(--border-gray);transition:all var(--transition-normal)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:#3b82f64d}.card-header{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-light)}.card-title{font-size:20px;font-weight:700;color:var(--black);margin:0 0 8px}.card-subtitle{font-size:14px;color:var(--gray-600);margin:0}.card-content{flex:1}.card-footer{margin-top:24px;padding-top:16px;border-top:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}body.dark .card{background:var(--card-bg);border-color:var(--border-gray);box-shadow:var(--shadow-md)}body.dark .card:hover{border-color:#3b82f666;box-shadow:var(--shadow-lg)}body.dark .card-header{border-bottom-color:var(--border-gray)}body.dark .card-title{color:#fff}body.dark .card-subtitle{color:var(--gray-400)}body.dark .card-footer{border-top-color:var(--border-gray)}.btn-success{background:linear-gradient(135deg,var(--accent-dark),var(--green));color:#fff}.btn-success:hover{background:linear-gradient(135deg,var(--green),var(--accent-dark));transform:translateY(-2px);box-shadow:0 6px 20px #10b9814d}body.dark .btn-success{background:linear-gradient(135deg,#23c074,#32d479)}body.dark .page-title,body.dark .section-heading{color:#fff!important;background:none!important;-webkit-background-clip:initial!important;background-clip:unset!important;-webkit-text-fill-color:initial!important}body.dark .quiz-card-title,body.dark .quiz-title{color:#fff}body.dark .quiz-card-description,body.dark .quiz-description{color:var(--gray-400)}body.dark .quiz-card-subject,body.dark .quiz-subject{background:linear-gradient(135deg,#4c8dff,#b279ff)}body.dark .search-bar,body.dark .filter-dropdown{background:#000c!important;border-color:#ffffff40!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.dark .search-bar:hover,body.dark .filter-dropdown:hover{border-color:#3b82f699!important;background:#000000d9!important}body.dark .search-bar:focus-within{border-color:var(--primary)!important;box-shadow:0 0 0 4px #3b82f640!important;background:#000000f2!important}body.dark .filter-dropdown:focus-within{border-color:var(--primary)!important;box-shadow:0 0 0 4px #3b82f640!important;background:#000000f2!important}body.dark .search-input,body.dark .filter-select{color:#fff!important;background:transparent!important}body.dark .search-input::placeholder{color:#ffffff80!important;opacity:1!important}body.dark .search-input:focus{color:#fff!important;background:transparent!important}body.dark .search-input:focus::placeholder{color:#fff6!important}body.dark .filter-select{color:#fff!important;background:transparent!important;appearance:none;-webkit-appearance:none;-moz-appearance:none}body.dark .filter-select option{background:#000!important;color:#fff!important;padding:8px}body.dark .search-bar svg,body.dark .filter-dropdown svg{color:#ffffffe6!important;stroke:#ffffffe6!important}body.dark .search-bar:hover svg,body.dark .filter-dropdown:hover svg{color:#3b82f6cc!important;stroke:#3b82f6cc!important}body.dark .search-bar:focus-within svg,body.dark .filter-dropdown:focus-within svg{color:var(--primary)!important;stroke:var(--primary)!important}.contact-container{display:grid;grid-template-columns:1fr 1.5fr;gap:32px;margin-top:32px}.contact-info{display:flex;flex-direction:column;gap:20px}.info-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-md);border:1px solid var(--border-gray)}.info-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:16px}.info-card h3{font-size:18px;font-weight:600;margin:0 0 8px;color:var(--black)}.info-card p{color:var(--gray-600);margin:0 0 12px;line-height:1.6}.contact-link{color:var(--primary);text-decoration:none;font-weight:600;transition:color .3s ease}.contact-link:hover{color:var(--accent)}.contact-status{color:var(--accent-dark);font-weight:600;font-size:14px}.contact-form-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-md);border:1px solid var(--border-gray);max-width:720px}.form-title{font-size:24px;font-weight:700;margin:0 0 8px;color:var(--black)}.form-subtitle{color:var(--gray-600);margin:0 0 24px}.contact-form{display:flex;flex-direction:column;gap:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px;color:var(--black)}.form-input,.form-select,.form-textarea{padding:12px 16px;border:2px solid var(--border-gray);border-radius:12px;background:var(--card-bg);color:var(--black);font-size:15px;transition:all .3s ease;outline:none;font-family:inherit}.form-textarea{resize:vertical;min-height:140px;line-height:1.6}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px #3b82f61a}.contact-submit-btn{margin-top:12px;padding:14px 20px;font-size:16px;width:100%;justify-content:center}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:12px 16px;color:var(--error-dark);display:flex;align-items:center;gap:8px;font-weight:500}.help-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin:32px 0}.help-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;box-shadow:var(--shadow-md);border:1px solid var(--border-gray);align-items:center;text-align:center;transition:all .3s ease}.help-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.help-card-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto 16px}.help-card h3{font-size:20px;font-weight:600;margin-top:4px;margin-bottom:8px;color:var(--black)}@media(max-width:768px){.header-content{align-items:center}.help-grid{gap:24px}.card{flex-direction:column;text-align:center}.card>svg{margin-bottom:12px}}.help-card p{color:var(--gray-600);margin-bottom:16px;line-height:1.6}.help-link{color:var(--primary);text-decoration:none;font-weight:600;display:flex;align-items:center;gap:4px;transition:color .3s ease}.help-link:hover{color:var(--accent)}.faq-section{margin:48px 0}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-item{background:var(--card-bg);border-radius:12px;border:1px solid var(--border-gray);overflow:hidden}.faq-question{padding:20px;font-weight:600;color:var(--black);cursor:pointer;display:flex;align-items:center;gap:12px;list-style:none;transition:background .3s ease}.faq-question:hover{background:var(--gray-50)}.faq-question::-webkit-details-marker{display:none}.faq-answer{padding:0 20px 20px 56px;color:var(--gray-600);line-height:1.6}.resources-section{margin:48px 0}.resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-top:24px}.resource-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-md);border:1px solid var(--border-gray);transition:all .3s ease}.resource-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.resource-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:16px}.resource-title{font-size:18px;font-weight:600;margin:0 0 8px;color:var(--black)}.resource-description{color:var(--gray-600);margin:0 0 16px;font-size:14px}.resource-link{color:var(--primary);text-decoration:none;font-weight:600;display:flex;align-items:center;gap:4px;font-size:14px}.resource-link:hover{color:var(--accent)}.contact-cta,.about-cta,.policy-cta{background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:var(--radius-lg);padding:48px;text-align:center;color:#fff;margin-top:48px}.cta-content h2{font-size:28px;font-weight:700;margin:0 0 12px}.cta-content p{font-size:16px;opacity:.9;margin:0 0 24px}.about-hero{text-align:center;padding:48px 0;margin-bottom:48px}.hero-content{max-width:800px;margin:0 auto}.hero-icon{width:120px;height:120px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto 24px}.hero-title{font-size:48px;font-weight:800;margin:0 0 16px;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:18px;color:var(--gray-600);line-height:1.6;margin:0}.mission-section{margin:48px 0}.mission-content{max-width:800px;margin:0 auto}.mission-text{font-size:16px;color:var(--gray-600);line-height:1.8;margin:0 0 32px}.mission-values{display:flex;gap:24px;flex-wrap:wrap}.value-item{display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--gray-50);border-radius:12px;font-weight:600;color:var(--black)}.features-section{margin:48px 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:24px}.feature-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-md);border:1px solid var(--border-gray);text-align:center;transition:all .3s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.feature-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto 20px}.feature-title{font-size:20px;font-weight:600;margin:0 0 12px;color:var(--black)}.feature-description{color:var(--gray-600);line-height:1.6;margin:0}.stats-section{margin:48px 0;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:var(--radius-lg);padding:48px;color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;margin-top:32px}.stat-item{text-align:center}.stat-number{font-size:48px;font-weight:800;margin:0 0 8px}.stat-label{font-size:16px;opacity:.9}.team-section{margin:48px 0}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-top:24px}.team-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-md);border:1px solid var(--border-gray);text-align:center;transition:all .3s ease}.team-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.team-avatar{width:80px;height:80px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto 16px}.team-name{font-size:20px;font-weight:600;margin:0 0 4px;color:var(--black)}.team-role{font-size:14px;color:var(--primary);font-weight:600;margin:0 0 12px}.team-bio{color:var(--gray-600);line-height:1.6;margin:0;font-size:14px}.policy-meta{text-align:center;color:var(--gray-600);font-size:14px;margin-bottom:32px}.policy-intro{background:var(--gray-50);border-radius:12px;padding:24px;margin-bottom:32px}.policy-intro p{color:var(--gray-700);line-height:1.8;margin:0;font-size:16px}.policy-sections{display:flex;flex-direction:column;gap:32px}.policy-section{background:var(--card-bg);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-md);border:1px solid var(--border-gray)}.section-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.section-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.section-list{list-style:none;padding:0;margin:0}.section-item{color:var(--gray-700);line-height:1.8;border-bottom:1px solid var(--border-gray);position:relative;padding:12px 0 12px 24px}.section-item:last-child{border-bottom:none}.section-item:before{content:"•";position:absolute;left:0;color:var(--primary);font-weight:700;font-size:20px}@media(max-width:768px){.contact-container,.form-row,.help-grid,.features-grid,.resources-grid,.team-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.mission-values{flex-direction:column}.hero-title{font-size:32px}.contact-cta,.about-cta,.policy-cta{padding:32px 24px}.footer-content{flex-direction:column;text-align:center}.footer-brand{justify-content:center;text-align:center}.footer-links{flex-direction:column;align-items:center;gap:24px}.footer-section{text-align:center}.footer-bottom-content{flex-direction:column;text-align:center;gap:16px}.footer-bottom-links{flex-direction:column;gap:12px}}body.dark .info-card,body.dark .contact-form-card,body.dark .help-card,body.dark .resource-card,body.dark .feature-card,body.dark .team-card,body.dark .policy-section{background:#000!important;border-color:#ffffff1a!important}.doc-section{margin-top:32px}.doc-list{list-style:none;padding:0}.doc-list li{display:flex;align-items:center;gap:10px;margin:10px 0}.doc-text{color:var(--gray-600);margin-top:8px;line-height:1.6}@media(max-width:768px){.contact-form-card{padding:24px 20px}.contact-submit-btn{width:100%;justify-content:center}}body.dark .info-card h3,body.dark .form-title,body.dark .help-card h3,body.dark .resource-title,body.dark .feature-title,body.dark .team-name,body.dark .section-title,body.dark .faq-question{color:#fff!important}body.dark .info-card p,body.dark .form-subtitle,body.dark .help-card p,body.dark .resource-description,body.dark .feature-description,body.dark .team-bio,body.dark .team-role,body.dark .page-subtitle{color:#fffc!important}body.dark .form-input,body.dark .form-select,body.dark .form-textarea{background:#000!important;border-color:#fff3!important;color:#fff!important}body.dark .form-input::placeholder,body.dark .form-textarea::placeholder{color:#ffffff80!important}body.dark .form-label{color:#fff!important}body.dark .form-input:focus,body.dark .form-select:focus,body.dark .form-textarea:focus{border-color:var(--primary)!important;background:#000!important}body.dark .faq-item{background:#000!important;border-color:#ffffff1a!important}body.dark .faq-question{color:#fff!important}body.dark .faq-question:hover{background:#ffffff0d!important}body.dark .faq-answer{color:#ffffffb3!important}body.dark .policy-intro{background:#00000080!important;border:1px solid rgba(255,255,255,.1)!important}body.dark .policy-intro p,body.dark .section-item{color:#fffc!important}body.dark .value-item{background:#000!important;color:#fff!important;border:1px solid rgba(255,255,255,.1)!important}body.dark .contact-link,body.dark .help-link,body.dark .resource-link{color:var(--primary)!important}body.dark .contact-link:hover,body.dark .help-link:hover,body.dark .resource-link:hover{color:var(--accent)!important}body.dark .contact-status{color:var(--accent-dark)!important}body.dark .error-message{background:#ef444433!important;border-color:#ef444466!important;color:#ff6b6b!important}body.dark .dashboard-section{background:#000!important;border-color:#ffffff1a!important}body.dark .page-header{background:transparent!important}body.dark .header-icon{background:linear-gradient(135deg,var(--primary),var(--accent))!important}body.dark .page-title{color:#fff!important;background:none!important}@media(max-width:768px){.dashboard-section{padding:1.5rem}}@media(min-width:769px){.dashboard-section{padding:2.5rem}}body.dark .contact-container,body.dark .contact-info,body.dark .mission-section,body.dark .features-section,body.dark .team-section,body.dark .faq-section,body.dark .resources-section{background:transparent!important}body.dark .mission-text{color:#fffc!important}body.dark .stats-section,body.dark .contact-cta,body.dark .about-cta,body.dark .policy-cta{background:linear-gradient(135deg,#1a1a2e,#16213e)!important}body.dark .cta-content h2,body.dark .cta-content p{color:#fff!important}body.dark .hero-subtitle{color:#fffc!important}body.dark .policy-meta{color:#fff9!important}body.dark .section-header{background:transparent!important}body.dark .section-icon{background:linear-gradient(135deg,var(--primary),var(--accent))!important}body.dark .section-title{color:#fff!important}body.dark .section-item:before{color:var(--primary)!important}body.dark .section-item{border-bottom-color:#ffffff1a!important}body.dark select option{background:#000!important;color:#fff!important}.ai-generate-btn{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin-top:16px!important;margin-bottom:24px!important;padding:14px 20px!important;background:linear-gradient(135deg,var(--primary),var(--accent))!important;color:#fff!important;border:none!important;border-radius:12px!important;font-size:16px!important;font-weight:600!important;cursor:pointer!important;transition:all .3s ease!important;box-shadow:0 4px 16px #3b82f64d!important;position:relative!important;overflow:hidden!important}.ai-generate-btn:before{content:""!important;position:absolute!important;top:0!important;left:-100%!important;width:100%!important;height:100%!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)!important;transition:left .5s!important}.ai-generate-btn:hover:before{left:100%!important}.ai-generate-btn:hover{transform:translateY(-2px)!important;box-shadow:0 8px 24px #3b82f666!important}.ai-generate-btn:active{transform:translateY(0) scale(.98)!important;box-shadow:0 2px 8px #3b82f64d!important;transition:all .1s ease!important}.ai-generate-btn:focus{outline:2px solid var(--primary)!important;outline-offset:2px!important;box-shadow:0 0 0 4px #3b82f61a!important}.ai-generate-btn:disabled{opacity:.7!important;cursor:not-allowed!important;transform:none!important}.ai-generate-btn:disabled:hover{transform:none!important;box-shadow:0 4px 16px #3b82f64d!important}body.dark .dashboard-main,body.dark .dashboard-container{background:#000!important}body.dark .about-hero,body.dark .hero-content,body.dark .mission-content,body.dark .cta-content,body.dark .policy-sections,body.dark .help-grid,body.dark .resources-grid,body.dark .features-grid,body.dark .team-grid,body.dark .faq-list,body.dark .contact-form,body.dark .form-group,body.dark .form-row,body.dark .two-column-inputs{background:transparent!important}body.dark .two-column-inputs .auth-input{background:#0009!important;border-color:#ffffff40!important;color:#fff!important}body.dark .two-column-inputs .auth-input::placeholder{color:#ffffff80!important}body.dark .two-column-inputs .auth-input:focus{background:#000c!important;border-color:var(--primary)!important}body.dark h1,body.dark h2,body.dark h3,body.dark h4,body.dark h5,body.dark h6{color:#fff!important}body.dark p,body.dark span:not(.btn){color:#ffffffe6!important}body.dark .auth-page{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f172a)!important}body.dark .auth-page:before{opacity:.2!important}body.dark .form-select{background-color:#000!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 9L1 4h10z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;padding-right:40px!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important}body.dark .form-select option{background:#000!important;color:#fff!important}body.dark .spinner{border-color:#ffffff4d!important;border-top-color:#fff!important}body.dark details{background:#000!important;color:#fff!important}body.dark summary{color:#fff!important}body.dark summary:hover{background:#ffffff0d!important}body.dark a:not(.btn){color:var(--primary)!important}body.dark a:not(.btn):hover{color:var(--accent)!important}body.dark .text-center{background:transparent!important}body.dark .empty-state.enhanced{background:#000!important;border-color:#ffffff1a!important}body.dark .empty-state.enhanced h3,body.dark .empty-state.enhanced p{color:#ffffffe6!important}body.dark .success-message{background:#10b98133!important;border-color:#10b98166!important;color:#23c074!important}body.dark input[type=text],body.dark input[type=email],body.dark input[type=password],body.dark input[type=tel],body.dark input[type=number],body.dark textarea,body.dark select{background:#0009!important;border-color:#ffffff40!important;color:#fff!important}body.dark input[type=text]::placeholder,body.dark input[type=email]::placeholder,body.dark input[type=password]::placeholder,body.dark input[type=tel]::placeholder,body.dark{background-color:#0f172a}body.dark .glass-card,body.dark .glass-nav{background:#0f172acc!important;border-color:#ffffff1a!important}body.dark .dashboard-container,body.dark .dashboard-main{background:#0f172a!important}body.dark .stat-card{background:#1e293b80!important;border-color:#ffffff0d!important}body.dark .stat-value{color:#fff!important}body.dark .stat-label{color:var(--gray-400)!important}body.dark .btn-primary{background:var(--primary)!important;color:#fff!important}body.dark .btn-outline{border-color:#ffffff26!important;color:var(--gray-800)!important;background:#ffffff0a!important}body.dark .btn-outline:hover{background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important;box-shadow:0 0 20px #6d28d94d}body.dark input,body.dark textarea,body.dark select{background:#1e293bcc!important;border-color:#ffffff1a!important;color:#fff!important}body.dark input::placeholder{color:#fff6!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.footer-content{flex-direction:column;gap:40px;align-items:center;text-align:center}}.w-full{width:100%}.h-16{height:4rem}.h-12{height:3rem}.h-10{height:2.5rem}.h-20{height:5rem}.min-h-screen{min-height:100vh}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-10{padding:2.5rem}.p-12{padding:3rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-8{padding-top:2rem;padding-bottom:2rem}.mb-2{margin-bottom:.5rem}.mb-6{margin-bottom:1.5rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-8>*+*{margin-top:2rem}.space-y-10>*+*{margin-top:2.5rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:p-12{padding:3rem}}@media(min-width:1024px){.lg\:flex-row{flex-direction:row}.lg\:w-1\/3{width:33.333333%}.lg\:w-2\/3{width:66.666667%}}.text-xxs{font-size:10px}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.font-bold{font-weight:700}.font-black{font-weight:900}.uppercase{text-transform:uppercase}.tracking-widest{letter-spacing:.1em}.tracking-mega{letter-spacing:.2em}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-40{border-radius:40px}.bg-gray-50{background-color:#f9fafb}.bg-white{background-color:#fff}.focus\:border-primary:focus{border-color:var(--primary)}.group:hover .group-hover\:border-gray-200{border-color:#e5e7eb}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.backdrop-blur-xl{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.transition-all{transition:all .3s ease}.group:hover .group-hover\:scale-105{transform:scale(1.05)}.input-premium{width:100%;height:4rem;padding:0 1.5rem;background-color:#f9fafb;border:2px solid transparent;border-radius:1.5rem;font-weight:700;font-size:1.125rem;transition:all .2s;outline:none}.input-premium:focus{background-color:#fff;border-color:var(--primary);box-shadow:0 4px 20px #6d28d91a}.dark .input-premium{background-color:#0003;color:#fff}.dark .input-premium:focus{background-color:#0006}.card-premium{background:#fff;border-radius:40px;padding:3rem;box-shadow:0 25px 50px -12px #00000026;border:1px solid var(--gray-200)}.dark .card-premium{background:#1e293b99;border-color:#ffffff0d}.stage-badge{padding:.5rem 1rem;background-color:#f3f4f6;border-radius:1rem;border:1px solid #E5E7EB;display:flex;align-items:center;gap:.5rem}.dark .stage-badge{background-color:#ffffff0d;border-color:#ffffff1a}input[type=number]{-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.card-premium input[type=number]{border:none!important;outline:none!important;box-shadow:none!important}.card-premium input[type=number]:focus{border:none!important;outline:none!important;box-shadow:none!important}.dark .card-premium input[type=number]{border:none!important;outline:none!important;box-shadow:none!important;color:var(--primary)!important}.dark .card-premium input[type=number]:focus{border:none!important;outline:none!important;box-shadow:none!important}.bg-white\/5{background-color:#ffffff0d}.bg-white\/10{background-color:#ffffff1a}.bg-white\/15{background-color:#ffffff26}.bg-white\/20{background-color:#fff3}.bg-white\/25{background-color:#ffffff40}.bg-white\/70{background-color:#ffffffb3}.bg-white\/80{background-color:#fffc}.bg-black\/30{background-color:#0000004d}.bg-black\/40{background-color:#0006}.bg-primary\/5{background-color:#6d28d90d}.bg-primary\/10{background-color:#6d28d91a}.bg-primary\/20{background-color:#6d28d933}.dark .dark\:bg-black{background-color:#000!important}.dark .dark\:bg-black\/30{background-color:#0000004d!important}.dark .dark\:bg-black\/40{background-color:#0006!important}.dark .dark\:bg-white\/5{background-color:#ffffff0d!important}.dark .dark\:bg-white\/10{background-color:#ffffff1a!important}.dark .dark\:bg-white\/15{background-color:#ffffff26!important}.dark .dark\:bg-white\/20{background-color:#fff3!important}.dark .dark\:bg-white\/25{background-color:#ffffff40!important}.dark .dark\:border-white\/5{border-color:#ffffff0d!important}.dark .dark\:border-white\/10{border-color:#ffffff1a!important}.dark .dark\:border-white\/20{border-color:#fff3!important}.dark .dark\:text-white{color:#fff!important}.dark .dark\:text-white\/80{color:#fffc!important}.dark .dark\:text-gray-50{color:#f9fafb!important}.dark .dark\:text-gray-100{color:#f3f4f6!important}.dark .dark\:text-gray-200{color:#e5e7eb!important}.dark .dark\:text-gray-300{color:#d1d5db!important}.dark .dark\:text-gray-400{color:#9ca3af!important}.dark .dark\:text-gray-500{color:#6b7280!important}.dark .dark\:hover\:bg-white\/10:hover{background-color:#ffffff1a!important}.dark .dark\:hover\:border-white\/20:hover{border-color:#fff3!important}.dark .dark\:hover\:bg-black\/30:hover{background-color:#0000004d!important}.profile-edit-form .form-group{margin-bottom:20px}.profile-edit-form label{display:block;margin-bottom:8px;font-weight:600;color:var(--gray-700);font-size:14px}.profile-edit-form input,.profile-edit-form textarea{width:100%;padding:12px 16px;border-radius:10px;border:2px solid var(--border);background:var(--white);color:var(--black);font-size:15px;transition:all .2s}.profile-edit-form input:focus,.profile-edit-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px #6d28d91a;outline:none}.skill-tag{transition:all .2s;cursor:default}.skill-tag:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6d28d933}.loading-spinner{width:40px;height:40px;border:4px solid var(--gray-100);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.btn-glass{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s}.btn-glass:hover{background:#ffffff4d!important;transform:translateY(-2px)}.profile-hero.editing{filter:brightness(.9)}.btn-icon{background:transparent;border:none;cursor:pointer;color:var(--gray-500);transition:all .2s;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%}.btn-icon:hover{background:var(--gray-100);color:var(--error)}.auth2-page{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;background:#0d0d1a;overflow:hidden;z-index:9999}.auth2-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;animation:auth2OrbFloat 18s ease-in-out infinite alternate}.auth2-orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(109,40,217,.35) 0%,transparent 70%);top:-150px;left:-150px;animation-delay:0s}.auth2-orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(6,182,212,.25) 0%,transparent 70%);bottom:-100px;right:-100px;animation-delay:-6s}.auth2-orb-3{width:300px;height:300px;background:radial-gradient(circle,rgba(249,115,22,.2) 0%,transparent 70%);top:40%;left:50%;transform:translate(-50%);animation-delay:-12s}@keyframes auth2OrbFloat{0%{transform:translate(0) scale(1)}50%{transform:translate(40px,60px) scale(1.15)}to{transform:translate(-20px,30px) scale(.9)}}.auth2-wrapper{position:relative;display:flex;width:100%;max-width:900px;min-height:560px;border-radius:24px;box-shadow:0 32px 80px #0009,0 0 0 1px #ffffff0f;overflow:hidden;opacity:0;transform:translateY(24px) scale(.98);transition:opacity .5s ease,transform .5s ease}.auth2-wrapper--visible{opacity:1;transform:translateY(0) scale(1)}.auth2-wrapper--signup{max-width:920px}.auth2-panel--brand{flex:0 0 42%;background:linear-gradient(145deg,#1a0b3d,#2d1065 40%,#0e1a3d);display:flex;align-items:center;justify-content:center;padding:48px 40px;position:relative;overflow:hidden}.auth2-panel--brand:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 20%,rgba(109,40,217,.4) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(6,182,212,.2) 0%,transparent 50%)}.auth2-brand-inner{position:relative;z-index:1;text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center;gap:16px}.auth2-logo{width:56px;height:56px;background:linear-gradient(135deg,#7c3aed,#06b6d4);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 24px #6d28d980;animation:auth2LogoPulse 3s ease-in-out infinite}.auth2-logo--sm{width:36px;height:36px;border-radius:10px;box-shadow:0 4px 12px #6d28d966}@keyframes auth2LogoPulse{0%,to{box-shadow:0 8px 24px #6d28d980}50%{box-shadow:0 8px 32px #06b6d499}}.auth2-brand-name{font-size:32px;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.auth2-brand-name--sm{font-size:20px}.auth2-brand-tagline{font-size:14px;line-height:1.7;color:#fff9;max-width:240px;text-align:center;margin:0}.auth2-features{display:flex;flex-direction:column;gap:12px;width:100%;margin-top:8px}.auth2-feature-item{display:flex;align-items:center;gap:12px;text-align:left;font-size:13px;font-weight:500;color:#ffffffbf}.auth2-feature-icon{width:32px;height:32px;min-width:32px;border-radius:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:#a78bfa}.auth2-brand-art{position:absolute;bottom:32px;left:50%;transform:translate(-50%);width:120px;height:120px;pointer-events:none}.auth2-art-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.07);top:50%;left:50%;transform:translate(-50%,-50%);animation:auth2RingPulse 4s ease-in-out infinite}.auth2-art-ring-1{width:60px;height:60px;animation-delay:0s}.auth2-art-ring-2{width:90px;height:90px;animation-delay:.8s}.auth2-art-ring-3{width:120px;height:120px;animation-delay:1.6s}@keyframes auth2RingPulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.05)}}.auth2-art-dot{position:absolute;width:6px;height:6px;background:#7c3aed;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #7c3aedcc}.auth2-panel--form{flex:1;background:#0f0f1ecc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;padding:40px;overflow-y:auto;border-left:1px solid rgba(255,255,255,.04)}.auth2-form-inner{width:100%;max-width:380px;display:flex;flex-direction:column;gap:0}.auth2-mobile-logo{display:none;align-items:center;gap:10px;margin-bottom:28px}.auth2-form-header{margin-bottom:24px}.auth2-form-title{font-size:32px;font-weight:900;color:#fff;margin:0 0 8px;letter-spacing:-.03em;line-height:1.2;animation:auth2TitleFade .8s cubic-bezier(.2,1,.3,1) forwards}@keyframes auth2TitleFade{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.auth2-form-subtitle{font-size:15px;color:#ffffff80;margin:0;font-weight:500;animation:auth2TitleFade .8s cubic-bezier(.2,1,.3,1) .1s forwards;opacity:0}.auth2-error{background:#ef44441f;border:1px solid rgba(239,68,68,.3);border-radius:10px;padding:12px 16px;margin-bottom:16px;font-size:13px;font-weight:500;color:#f87171;animation:auth2Shake .4s ease}@keyframes auth2Shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.auth2-form{display:flex;flex-direction:column;gap:16px}.auth2-field{display:flex;flex-direction:column;gap:6px}.auth2-label{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#fff6}.auth2-label-row{display:flex;justify-content:space-between;align-items:center}.auth2-forgot-link{font-size:12px;font-weight:600;color:#7c3aed;text-decoration:none;transition:color .2s}.auth2-forgot-link:hover{color:#a78bfa}.auth2-input-wrap{position:relative;display:flex;align-items:center}.auth2-input-icon{position:absolute;left:14px;color:#ffffff40;pointer-events:none;transition:color .2s;flex-shrink:0}.auth2-input{width:100%;height:48px;padding:0 14px 0 42px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#f1f5f9;font-size:15px;font-weight:500;font-family:Outfit,sans-serif;outline:none;transition:border-color .2s,background .2s,box-shadow .2s}.auth2-input::placeholder{color:#fff3;font-weight:400}.auth2-input:focus{border-color:#7c3aed;background:#7c3aed1a;box-shadow:0 0 0 4px #7c3aed33,0 8px 16px #0003;transform:translateY(-1px)}.auth2-input-wrap:focus-within .auth2-input-icon{color:#a78bfa}.auth2-input--pad-right{padding-right:44px}.auth2-eye-btn{position:absolute;right:14px;background:none;border:none;cursor:pointer;color:#ffffff4d;padding:0;display:flex;align-items:center;transition:color .2s}.auth2-eye-btn:hover{color:#ffffffb3}.auth2-remember{display:flex;align-items:center;gap:8px;font-size:13px;color:#fff6;cursor:pointer;-webkit-user-select:none;user-select:none;margin-top:-4px}.auth2-checkbox{width:15px;height:15px;accent-color:#7C3AED;cursor:pointer}.auth2-submit-btn{width:100%;height:52px;background:linear-gradient(135deg,#6d28d9,#7c3aed,#06b6d4);background-size:200% 200%;border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:700;font-family:Outfit,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s,background-position .4s;box-shadow:0 4px 20px #6d28d973;animation:auth2BtnGradient 4s ease infinite}@keyframes auth2BtnGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.auth2-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 32px #6d28d999}.auth2-submit-btn:active:not(:disabled){transform:translateY(0)}.auth2-submit-btn:disabled{opacity:.75;cursor:not-allowed;transform:none}.auth2-btn-spinner{display:inline-block;width:20px;height:20px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:auth2Spin .7s linear infinite}@keyframes auth2Spin{to{transform:rotate(360deg)}}.auth2-role-toggle{display:flex;gap:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:5px;margin-bottom:16px}.auth2-role-btn{flex:1;height:40px;border:1px solid transparent;border-radius:8px;background:transparent;color:#fff6;font-size:13px;font-weight:600;font-family:Outfit,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s}.auth2-role-btn--active{background:#6d28d940;border-color:#6d28d966;color:#c4b5fd;box-shadow:0 2px 8px #6d28d933}.auth2-role-btn:hover:not(.auth2-role-btn--active){background:#ffffff0f;color:#fff9}.auth2-checklist{display:flex;gap:10px;flex-wrap:wrap;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:10px 14px;margin-top:-4px}.auth2-check-item{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:#ffffff4d;transition:color .3s}.auth2-check-item--ok{color:#34d399}.auth2-check-dot{width:6px;height:6px;border-radius:50%;background:#ffffff26;transition:all .3s;flex-shrink:0}.auth2-check-item--ok .auth2-check-dot{background:#34d399;box-shadow:0 0 8px #34d39999;transform:scale(1.2)}.auth2-switch-text{text-align:center;font-size:13px;color:#ffffff59;margin:20px 0 8px}.text-premium-gradient{background:linear-gradient(135deg,#7c3aed,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.auth2-switch-link{color:#a78bfa;font-weight:600;text-decoration:none;transition:color .2s}.auth2-switch-link:hover{color:#c4b5fd}.auth2-footer-copy{text-align:center;font-size:11px;color:#fff3;margin:4px 0 0}.auth2-footer-small-link{color:#ffffff4d;text-decoration:none}.auth2-footer-small-link:hover{color:#fff9}@media(max-width:820px){.auth2-panel--brand{flex:0 0 38%;padding:32px 24px}.auth2-panel--form{padding:32px 28px}.auth2-brand-name{font-size:26px}.auth2-brand-tagline{font-size:13px}.auth2-brand-art{display:none}}@media(max-width:640px){.auth2-page{padding:24px 16px;align-items:center;justify-content:center;background-color:#0d0d1a;background-image:radial-gradient(ellipse at 20% 10%,rgba(109,40,217,.25) 0%,transparent 50%),radial-gradient(ellipse at 80% 90%,rgba(6,182,212,.15) 0%,transparent 50%),linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:100% 100%,100% 100%,28px 28px,28px 28px}.auth2-wrapper{flex-direction:column;border-radius:24px;min-height:auto;width:92%;max-width:400px;box-shadow:0 25px 50px -12px #0009;background:#0f0f1ecc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08)}.auth2-panel--brand{display:none}.auth2-panel--form{flex:none;padding:0;background:transparent;display:block;min-height:auto;border:none}.auth2-form-inner{max-width:100%;width:100%;padding:32px 24px;display:flex;flex-direction:column;background:transparent;border-radius:24px}.auth2-mobile-logo{display:flex;justify-content:center;margin-bottom:24px}.auth2-form-title{font-size:24px;text-align:center}.auth2-form-subtitle{text-align:center;margin-bottom:8px}.auth2-submit-btn{height:52px;font-size:16px;margin-top:8px}.auth2-input{height:50px;font-size:16px}.auth2-role-toggle{margin-bottom:20px}.auth2-footer-copy{margin-top:24px}}@media(max-width:380px){.auth2-form-inner{padding:24px 16px 32px}.auth2-form-title{font-size:20px}}@media(max-width:640px){.auth2-logo{box-shadow:0 4px 24px #6d28d999,0 0 40px #06b6d433}}.auth2-otp-input{text-align:center;letter-spacing:10px;font-size:22px;font-weight:700;font-family:Outfit,Courier New,monospace;padding-left:42px;padding-right:14px}.fdb2-page{min-height:100vh;background:var(--surface-bg);color:var(--gray-900);padding-bottom:80px}body.dark .fdb2-page{background:#0d0d1a;color:#fff}body:not(.dark) .fdb2-page{background:var(--white);color:var(--gray-900)}.fdb2-hero{position:relative;padding:100px 24px 140px;text-align:center;overflow:hidden;background:var(--vibrant-gradient)}.fdb2-hero-title{font-size:clamp(40px,7vw,72px);font-weight:900;color:#fff;-webkit-background-clip:text;background-clip:text;text-shadow:0 4px 20px rgba(0,0,0,.2);margin-bottom:24px;letter-spacing:-.03em}.fdb2-hero-sub{color:#fffffff2;font-size:18px;max-width:600px;margin:0 auto}.fdb2-container{max-width:1100px;margin:-60px auto 0;padding:0 40px;display:grid;grid-template-columns:1fr 400px;gap:40px;position:relative;z-index:2}@media(max-width:900px){.fdb2-container{grid-template-columns:1fr;margin-top:0}}.fdb2-card{background:var(--card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:32px;padding:48px;box-shadow:var(--shadow-lg);position:relative}body.dark .fdb2-card{background:#121220;border-color:#ffffff14}.fdb2-sidebar-card{background:var(--card-bg);border-radius:32px;padding:40px;border:1px solid var(--border);height:fit-content;box-shadow:var(--shadow-lg)}body.dark .fdb2-sidebar-card{background:#151525;border-color:#8b5cf633}.fdb2-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-bottom:32px}.fdb2-cat-btn{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:16px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);color:var(--gray-600)}body.dark .fdb2-cat-btn{background:#ffffff08;border-color:#ffffff14;color:#fff9}.fdb2-cat-btn:hover{background:#ffffff0f;border-color:#fff3;transform:translateY(-2px)}.fdb2-cat-btn--active{background:#7c3aed26;border-color:#7c3aed;color:#fff;box-shadow:0 0 20px #7c3aed33}.fdb2-rating-row{display:flex;align-items:center;gap:4px}.fdb2-star{cursor:pointer;transition:transform .2s;color:#ffffff26}.fdb2-star:hover{transform:scale(1.2)}.fdb2-star--active{color:#fbbf24;fill:#fbbf24;filter:drop-shadow(0 0 8px rgba(251,191,36,.4))}.fdb2-form-group{margin-bottom:24px}.fdb2-label{display:block;font-size:14px;font-weight:600;color:var(--gray-500);margin-bottom:8px;margin-left:4px}body.dark .fdb2-label{color:#ffffff80}.fdb2-input-wrap{position:relative;display:flex;align-items:center}.fdb2-input-icon{position:absolute;left:16px;color:#7c3aed;opacity:.8}.fdb2-input{width:100%;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:16px;padding:14px 16px 14px 48px;color:var(--gray-900);font-size:15px;transition:all .3s}body.dark .fdb2-input{background:#0003;border:1px solid rgba(255,255,255,.1);color:#fff}.fdb2-textarea{width:100%;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:20px;padding:20px;min-height:160px;resize:vertical;color:var(--gray-900);font-size:15px;transition:all .3s;box-shadow:inset 0 2px 4px #00000005}body.dark .fdb2-textarea{background:#0000004d;border:1px solid rgba(255,255,255,.1);color:#fff}.fdb2-input:focus{outline:none;border-color:#7c3aed;background:#7c3aed0d;box-shadow:0 0 0 4px #7c3aed1a}.fdb2-submit-wrap{margin-top:32px}.fdb2-submit-btn{width:100%;background:linear-gradient(135deg,#7c3aed,#06b6d4);background-size:200% 200%;border:none;border-radius:16px;padding:16px;color:#fff;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:all .3s;box-shadow:0 10px 30px #7c3aed4d}.fdb2-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 40px #7c3aed66;background-position:right center}.fdb2-submit-btn:disabled{opacity:.7;cursor:not-allowed}.fdb2-success{text-align:center;padding:20px 0}.fdb2-success-icon{width:80px;height:80px;background:#10b98126;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#10b981;border:1px solid rgba(16,185,129,.3)}.fdb2-faq-item{margin-bottom:24px}.fdb2-faq-q{font-weight:700;font-size:15px;margin-bottom:6px;color:#fff}.fdb2-faq-a{font-size:14px;color:#ffffff80;line-height:1.5}body.dark .fdb2-page{background:#0b0b18;overflow-x:hidden}.fdb2-sidebar-card h3{font-weight:800}body.dark .fdb2-sidebar-card h3{color:#fff!important}.fdb2-faq-a{font-weight:500}body.dark .fdb2-sidebar-card p,body.dark .fdb2-faq-a{color:#ffffffbf!important}.fdb2-faq-q{color:#7c3aed!important}.fdb2-input--readonly{background:#ffffff0a!important;border-color:#ffffff0d!important;color:#fff9!important;cursor:not-allowed;-webkit-user-select:none;user-select:none}.fdb2-input--readonly:focus{border-color:#ffffff0d!important;box-shadow:none!important}.fdb2-textarea{border-color:#ffffff26!important;background:#0000004d!important;font-size:16px!important}.fdb2-textarea::placeholder{color:#ffffff4d}.fdb2-page main{padding-bottom:40px}.fdb2-hero{border-bottom:1px solid rgba(255,255,255,.05)}.fdb2-card h2{color:#fff;text-shadow:0 4px 12px rgba(0,0,0,.5)}body.dark html,body.dark{background-color:#0b0b18}.fdb2-page{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.fdb2-container{flex:1;padding-bottom:60px}.fdb2-sidebar-card{box-shadow:0 20px 40px #0006}.fdb2-faq-item:not(:last-child){border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:16px}.fdb2-submit-btn{box-shadow:0 12px 30px #7c3aed66;text-transform:uppercase;letter-spacing:.5px}.fdb2-hero-title{text-transform:capitalize;letter-spacing:-2px!important;line-height:1.1;background:linear-gradient(to right,#fff 40%,#fff6)!important;-webkit-background-clip:text!important;background-clip:text!important}.fdb2-hero-sub{color:#a1a1aa!important;font-weight:500;line-height:1.6}.fdb2-cat-btn{background:#ffffff0a!important;border:1px solid rgba(255,255,255,.1)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fdb2-cat-btn span{text-transform:uppercase;letter-spacing:.5px;opacity:.8}.fdb2-cat-btn:hover{background:#7c3aed1a!important;border-color:#7c3aed4d!important}.fdb2-cat-btn--active{background:linear-gradient(135deg,#7c3aed4d,#06b6d433)!important;border-color:#7c3aed!important;box-shadow:0 10px 25px #7c3aed4d!important}.fdb2-input{border-width:2px!important}.fdb2-sidebar-card h3{color:var(--gray-900);font-weight:800;font-size:22px!important;margin-bottom:20px}body.dark .fdb2-sidebar-card h3{background:linear-gradient(90deg,#fff,#7c3aed);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent!important}.fdb2-faq-q{font-size:16px!important;margin-bottom:10px!important}.fdb2-faq-a{line-height:1.7!important;margin-bottom:20px}.fdb2-label{color:#e5e7eb!important;margin-bottom:10px!important}.fdb2-input{background:#0f0f1999!important;border:2px solid rgba(255,255,255,.1)!important;color:#fff!important}.fdb2-input:focus{background:#0f0f19e6!important;border-color:#7c3aed!important;box-shadow:0 0 0 5px #7c3aed26!important}.fdb2-input::placeholder{color:#fff6!important}.fdb2-sidebar-card h3{letter-spacing:-.5px;margin-bottom:24px!important}.fdb2-sidebar div[style*="Made for Learners"]{opacity:1!important;color:#a78bfa!important}.fdb2-star{width:36px!important;height:36px!important}.fdb2-page{background-color:#0b0b18!important;min-height:100vh;min-height:100dvh;margin:0;padding:0;display:flex!important;flex-direction:column!important}#root{background-color:#0b0b18!important;min-height:100vh}.fdb2-hero{flex-shrink:0}.fdb2-container{flex-grow:1;box-sizing:border-box}.fdb2-page footer{background-color:#0b0b18!important;flex-shrink:0}.fdb2-input-icon{color:#a78bfa!important;opacity:1!important}.fdb2-label{font-size:15px!important;font-weight:700!important}.fdb2-input--readonly{background:#ffffff0d!important;color:#fff!important;filter:grayscale(.5);opacity:.9!important}.fdb2-input{box-shadow:0 4px 10px #0000004d!important}.fdb2-cat-btn--active .fdb2-cat-icon{color:#fff!important;filter:drop-shadow(0 0 8px rgba(255,255,255,.4))}.fdb2-submit-btn .fdb2-btn-icon{margin-left:12px;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.fdb2-submit-btn:hover .fdb2-btn-icon{transform:translate(6px) rotate(-15deg)}body:not(.dark){background-color:var(--surface-bg);color:var(--gray-800)}body:not(.dark) #root,body:not(.dark) main{background:var(--surface-bg)}body:not(.dark) .dashboard-container,body:not(.dark) .dashboard-main,body:not(.dark) .dashboard-section{background:var(--surface-bg)!important}body:not(.dark) .glass-card{background:#fff!important;border-color:var(--border)!important;color:var(--gray-800)!important}body:not(.dark) .stat-card{background:#fff!important;border-color:var(--border)!important}body:not(.dark) .stat-value{color:var(--gray-900)!important}body:not(.dark) .stat-label{color:var(--gray-500)!important}body:not(.dark) .btn-outline{border-color:var(--border)!important;color:var(--gray-700)!important;background:transparent!important}body:not(.dark) input:not([class*=auth2]),body:not(.dark) textarea:not([class*=auth2]),body:not(.dark) select{background:#fff!important;border-color:var(--border)!important;color:var(--gray-900)!important}body:not(.dark) input::placeholder,body:not(.dark) textarea::placeholder{color:var(--gray-400)!important}body:not(.dark) .fdb2-hero-title{background:linear-gradient(135deg,var(--primary) 30%,var(--accent) 100%)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}body:not(.dark) .fdb2-hero-sub{color:var(--gray-600)!important}body:not(.dark) .fdb2-hero{border-bottom:1px solid var(--border)!important}body:not(.dark) .fdb2-card,body:not(.dark) .fdb2-sidebar-card{background:#fff!important;border-color:var(--border)!important;color:var(--gray-800)!important}body:not(.dark) .fdb2-sidebar-card h3{color:var(--gray-900)!important}body:not(.dark) .fdb2-sidebar-card p,body:not(.dark) .fdb2-faq-a{color:var(--gray-600)!important}body:not(.dark) .fdb2-label{color:var(--gray-700)!important}body:not(.dark) .fdb2-input,body:not(.dark) .fdb2-textarea{background:#f8fafc!important;border-color:var(--border)!important;color:var(--gray-900)!important}body:not(.dark) .fdb2-input::placeholder,body:not(.dark) .fdb2-textarea::placeholder{color:var(--gray-400)!important}body:not(.dark) .fdb2-input--readonly{background:#f1f5f9!important;color:var(--gray-600)!important}body:not(.dark) .fdb2-cat-btn{background:#f8fafc!important;border-color:var(--border)!important;color:var(--gray-700)!important}body:not(.dark) .fdb2-faq-item:not(:last-child){border-bottom-color:var(--border)!important}body:not(.dark) .fdb2-card h2{color:var(--gray-900)!important;text-shadow:none!important}body:not(.dark) h1,body:not(.dark) h2,body:not(.dark) h3,body:not(.dark) h4,body:not(.dark) h5,body:not(.dark) p:not([class*=hero]):not([class*=auth2]){color:inherit}body:not(.dark) .quizzes-container,body:not(.dark) .results-container,body:not(.dark) .analytics-container,body:not(.dark) .leaderboard-container,body:not(.dark) .profile-container{background:var(--surface-bg)!important}body:not(.dark) .dropdown-menu{background:#fff!important;border-color:var(--border)!important;color:var(--gray-800)!important}body:not(.dark) .dropdown-item{color:var(--gray-700)!important}body:not(.dark) .dropdown-item:hover{background:var(--gray-50)!important}body:not(.dark) .tips-section .glass-card{background:var(--primary)!important;color:#fff!important}body:not(.dark) .milestones-section .glass-card{background:#fff!important;border-color:var(--border)!important}body:not(.dark) .stat-icon-wrapper{background:var(--gray-100)!important;color:var(--primary)!important}body:not(.dark) .glass-card,body:not(.dark) .quiz-card,body:not(.dark) .stat-card{box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #0000000d!important}body:not(.dark) .hover-lift:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a!important}.mastery-gauge{background:var(--gray-100);height:12px;border-radius:99px;overflow:hidden;position:relative;border:1px solid var(--border)}.dark .mastery-gauge{background:#ffffff0d}.mastery-gauge-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--primary),var(--accent));transition:width 1.2s cubic-bezier(.4,0,.2,1)}.pulse-sync{animation:pulse-sync 2s infinite ease-in-out}@keyframes pulse-sync{0%{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}to{opacity:.5;transform:scale(.95)}}.glass-dropdown{background:#ffffffe6!important;-webkit-backdrop-filter:blur(25px) saturate(200%)!important;backdrop-filter:blur(25px) saturate(200%)!important;border:1px solid var(--border)!important;border-radius:24px!important}.dark .glass-dropdown{background:#121212e6!important}#root{min-height:100vh}.dashboard-container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;min-height:100vh;display:flex;flex-direction:column;background:var(--surface-bg)}.dashboard-main{width:min(1280px,calc(100% - 2rem));margin:0 auto;padding-top:96px;padding-bottom:40px;flex:1 1 auto}.dashboard-main>div{width:100%;max-width:100%}.navbar-container{width:min(1280px,calc(100% - 2rem));max-width:none!important}.footer-container{width:min(1280px,calc(100% - 2rem));max-width:none!important;padding:0!important}.hero-pro,.glass-card,.card-premium{max-width:100%}img,svg,video,canvas{max-width:100%;height:auto}@media(max-width:1024px){.dashboard-main{width:min(100%,calc(100% - 1.5rem));padding-top:88px}}@media(max-width:768px){.dashboard-main{width:min(100%,calc(100% - 1rem));padding-top:84px;padding-bottom:24px}.hero-pro{padding:32px 20px!important;border-radius:24px!important}.footer-columns{width:100%;justify-content:flex-start;flex-wrap:wrap;gap:20px}}:root{--content-max-width: 1040px}.dashboard-main,.navbar-container,.footer-container{width:min(var(--content-max-width),calc(100% - 2.5rem))!important}@media(max-width:768px){.dashboard-main,.navbar-container,.footer-container{width:min(100%,calc(100% - 1rem))!important}}body:not(.dark) #root{background-color:var(--surface-bg)!important}body:not(.dark) .dashboard-main{background:transparent!important}.hero-pro,.forced-vibrant{background:var(--vibrant-gradient)!important;color:#fff!important}.hero-pro p,.forced-vibrant p{color:#fffc!important}body:not(.dark) .fdb2-page{background:var(--surface-bg)!important;color:var(--gray-900)!important}body:not(.dark) .fdb2-card,body:not(.dark) .fdb2-sidebar-card{background:#fff!important;border:1px solid var(--border)!important;box-shadow:0 10px 40px #0000000d!important}body:not(.dark) .fdb2-label,body:not(.dark) .fdb2-faq-q,body:not(.dark) .fdb2-sidebar-card h3{color:var(--gray-900)!important}body:not(.dark) .fdb2-sidebar-card h3{background:var(--vibrant-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent!important;font-weight:900!important}body:not(.dark) .fdb2-sidebar-text,body:not(.dark) .fdb2-faq-a,body:not(.dark) .fdb2-success-sub{color:var(--gray-600)!important}body:not(.dark) .fdb2-input,body:not(.dark) .fdb2-textarea{background:#fff!important;border:1.5px solid var(--gray-200)!important;color:var(--gray-900)!important;box-shadow:inset 0 2px 4px #00000005!important}body:not(.dark) .fdb2-input:focus,body:not(.dark) .fdb2-textarea:focus{border-color:var(--primary)!important;background:#fff!important;box-shadow:0 0 0 4px #6d28d91a!important}body:not(.dark) .fdb2-cat-btn{background:#fff!important;border:1px solid var(--gray-200)!important;color:var(--gray-700)!important}body:not(.dark) .fdb2-cat-btn--active{background:var(--vibrant-gradient)!important;border:none!important;box-shadow:0 8px 20px #ff33994d!important}body:not(.dark) .fdb2-cat-btn--active,body:not(.dark) .fdb2-cat-btn--active *{color:#fff!important;fill:#fff!important}body:not(.dark) .fdb2-btn-secondary{background:var(--gray-50)!important;border:1px solid var(--border)!important;color:var(--gray-700)!important}body:not(.dark) .quizzes-roadmap-card,body:not(.dark) .myresults-velocity-card,body:not(.dark) .analytics-insights-card,body:not(.dark) .resultslist-predictive-card{background:linear-gradient(135deg,#f8fafc,#eef2ff)!important;color:var(--gray-900)!important;border:1px solid var(--border)!important;box-shadow:var(--shadow-lg)!important}body:not(.dark) .quizzes-roadmap-card h2,body:not(.dark) .myresults-velocity-card h2,body:not(.dark) .analytics-insights-card h2,body:not(.dark) .resultslist-predictive-card h2,body:not(.dark) .analytics-insights-card h4,body:not(.dark) .resultslist-predictive-card h3{color:var(--gray-900)!important}body:not(.dark) .quizzes-roadmap-card p,body:not(.dark) .myresults-velocity-card p,body:not(.dark) .analytics-insights-card p,body:not(.dark) .resultslist-predictive-card p{color:var(--gray-600)!important}body:not(.dark) .quizzes-roadmap-item,body:not(.dark) .analytics-insight-item{background:#fff!important;border:1px solid var(--border)!important;box-shadow:var(--shadow-sm)!important}body:not(.dark) .resultslist-page table th{background:#f8fafc!important;color:var(--gray-600)!important}body:not(.dark) .resultslist-page table tr:hover{background:#f8fafc!important}body:not(.dark) .dashboard-footer{background:#fff!important;border-top:1px solid #e2e8f0!important;box-shadow:0 -6px 20px #0f172a0a}body:not(.dark) .footer-brief{color:var(--gray-700)!important}body:not(.dark) .footer-col-title{color:var(--gray-900)!important}body:not(.dark) .footer-col-link{color:var(--gray-700)!important}body:not(.dark) .footer-col-link:hover{color:var(--primary)!important}body:not(.dark) .social-icon-mini{background:#eef2f7!important;color:var(--gray-700)!important;border:1px solid #dbe4ef!important}body:not(.dark) .footer-bottom-bar{background:#f8fafc!important;border-top:1px solid #e2e8f0!important}body:not(.dark) .footer-bottom-bar p,body:not(.dark) .footer-bottom-extra a{color:var(--gray-700)!important}body:not(.dark) .footer-bottom-extra a:hover{color:var(--primary)!important}body:not(.dark) .fdb2-page footer.dashboard-footer{background:#fff!important;border-top:1px solid #e2e8f0!important}body:not(.dark) .fdb2-hero{background:linear-gradient(135deg,#eef2ff,#f0f9ff)!important;border-bottom:1px solid #dbeafe!important}body:not(.dark) .fdb2-hero-title{background:var(--vibrant-gradient)!important;-webkit-background-clip:text!important;background-clip:text;-webkit-text-fill-color:transparent!important;color:transparent!important;text-shadow:none!important}body:not(.dark) .fdb2-hero-sub{color:var(--gray-700)!important}body:not(.dark) .fdb2-sidebar-card{background:linear-gradient(180deg,#fff,#f8fbff)!important;border:1px solid #dbeafe!important}body:not(.dark) .fdb2-sidebar-card h3{background:none!important;-webkit-text-fill-color:var(--primary)!important;color:var(--primary)!important}body:not(.dark) .fdb2-faq-q{color:var(--primary)!important}body:not(.dark) .fdb2-faq-a,body:not(.dark) .fdb2-sidebar-text{color:var(--gray-700)!important}body:not(.dark) .fdb2-sidebar-footer{border-top:1px solid #e2e8f0!important}body:not(.dark) .fdb2-sidebar-footer>div{color:var(--primary)!important;background:#6d28d914!important;border:1px solid rgba(109,40,217,.18)!important;border-radius:999px!important;padding:8px 12px!important;width:fit-content}body:not(.dark) .fdb2-sidebar-footer svg{color:var(--primary)!important;fill:var(--primary)!important}#root{width:100%;margin:0;padding:0}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}