*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:#333;background-color:#f9fafb}:root{--color-primary-blue:#002dd1;--color-secondary-blue:#b3c3ff;--color-primary-magenta:#fe04ff;--color-secondary-magenta:#ffb3ff;--color-primary-orange:#f2ab1a;--color-secondary-orange:#fbe4b7;--color-gray:#737373;--color-white:#ffffff;--color-black:#000000;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.25;margin-bottom:var(--space-4);color:var(--color-gray-800)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1.125rem}p{margin-bottom:var(--space-4);color:var(--color-gray-600)}a{color:var(--color-primary-blue);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary-magenta)}.container{max-width:1280px}.container,.container-sm{margin:0 auto;padding:0 var(--space-4)}.container-sm{max-width:768px}.container-lg{max-width:1536px;margin:0 auto;padding:0 var(--space-4)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-x-2>*+*{margin-left:var(--space-2)}.space-x-4>*+*{margin-left:var(--space-4)}.space-x-6>*+*{margin-left:var(--space-6)}.space-x-8>*+*{margin-left:var(--space-8)}.space-y-2>*+*{margin-top:var(--space-2)}.space-y-8>*+*{margin-top:var(--space-8)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.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}.text-6xl{font-size:3.75rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-white{color:var(--color-white)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.bg-white{background-color:var(--color-white)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-800{background-color:var(--color-gray-800)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.py-12{padding-top:var(--space-12);padding-bottom:var(--space-12)}.py-16{padding-top:var(--space-16);padding-bottom:var(--space-16)}.py-20{padding-top:var(--space-20);padding-bottom:var(--space-20)}.m-0{margin:0}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-12{margin-bottom:var(--space-12)}.mt-12{margin-top:var(--space-12)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.transition{transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-lg:hover{box-shadow:var(--shadow-lg)}.hover\:scale-105:hover,.scale-105{transform:scale(1.05)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease;font-size:1rem;line-height:1.5}.btn-primary{background-color:var(--color-primary-blue);color:var(--color-white);box-shadow:var(--shadow-md)}.btn-primary:hover{opacity:.9;box-shadow:var(--shadow-lg);color:var(--color-white)}.btn-secondary{background-color:var(--color-primary-magenta);color:var(--color-white);box-shadow:var(--shadow-md)}.btn-secondary:hover{opacity:.9;box-shadow:var(--shadow-lg);color:var(--color-white)}.btn-accent{background-color:var(--color-primary-orange);color:var(--color-white);box-shadow:var(--shadow-md)}.btn-accent:hover{opacity:.9;box-shadow:var(--shadow-lg);color:var(--color-white)}.btn-outline{background-color:transparent;color:var(--color-primary-blue);border:2px solid var(--color-primary-blue)}.btn-outline:hover{background-color:var(--color-primary-blue);color:var(--color-white)}.card{background-color:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:all .2s ease;border:1px solid var(--color-gray-100)}.card:hover{box-shadow:var(--shadow-lg)}.gradient-text{background:linear-gradient(to right,var(--color-primary-blue),var(--color-primary-magenta),var(--color-primary-orange));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.gradient-bg{background:linear-gradient(to right,var(--color-primary-blue),var(--color-primary-magenta),var(--color-primary-orange))}input[type=email],input[type=password],input[type=text],select,textarea{width:100%;padding:var(--space-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:1rem;transition:border-color .2s ease}input[type=email]:focus,input[type=password]:focus,input[type=text]:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary-blue);box-shadow:0 0 0 3px rgba(0,45,209,.1)}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:flex{display:flex}.md\:flex-row{flex-direction:row}.md\:text-2xl{font-size:1.5rem}.md\:text-4xl{font-size:2.25rem}.md\:text-6xl{font-size:3.75rem}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:px-8{padding-left:var(--space-8);padding-right:var(--space-8)}}@media (max-width:767px){.hidden-mobile{display:none}}@media (min-width:768px){.hidden-desktop{display:none}}.min-h-screen{min-height:100vh}.w-full{width:100%}.h-full{height:100%}.relative{position:relative}.absolute{position:absolute}.sticky{position:-webkit-sticky;position:sticky}.top-0{top:0}.z-50{z-index:50}.overflow-hidden{overflow:hidden}.opacity-0{opacity:0}.opacity-90{opacity:.9}.cursor-pointer{cursor:pointer}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:scale-110{transform:scale(1.1)}.hero-section{position:relative;background:linear-gradient(to right,var(--color-secondary-blue),var(--color-secondary-magenta),var(--color-secondary-orange));color:var(--color-white);padding:var(--space-10) 0}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/images/music-bg.png);background-size:cover;background-position:50%;background-repeat:no-repeat;opacity:.05;pointer-events:none;z-index:1}.hero-content{position:relative;text-align:center;z-index:2}.hero-title{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-6)}.logo-big{background-image:url(/images/logo-big.png);background-size:contain;background-position:50%;background-repeat:no-repeat;width:350px;height:350px;margin:auto}@media (min-width:768px){.hero-title{font-size:2rem}}.hero-subtitle{font-size:1.25rem;margin-bottom:var(--space-8);opacity:.9}@media (min-width:768px){.hero-subtitle{font-size:1.5rem}}.hero-buttons{display:flex;flex-direction:column;gap:var(--space-4);align-items:center}@media (min-width:640px){.hero-buttons{flex-direction:row;justify-content:center}}.btn-hero-primary{background-color:var(--color-white);color:var(--color-primary-blue);padding:var(--space-4) var(--space-8);border-radius:var(--radius-lg);font-weight:600;font-size:1.125rem;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-hero-primary:hover{background-color:var(--color-gray-100);color:var(--color-primary-blue)}.btn-hero-secondary{border:2px solid var(--color-white);color:var(--color-white);padding:var(--space-4) var(--space-8);border-radius:var(--radius-lg);font-weight:600;font-size:1.125rem;text-decoration:none;background:transparent;transition:all .2s ease}.btn-hero-secondary:hover{background-color:var(--color-white);color:var(--color-primary-blue)}.stats-section{padding:var(--space-16) 0;background-color:var(--color-white)}.stats-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--space-8);gap:var(--space-8);text-align:center}@media (min-width:768px){.stats-grid{grid-template-columns:repeat(3,1fr)}}.stat-card{background-color:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-100);transition:all .2s ease}.stat-card:hover{box-shadow:var(--shadow-lg)}.stat-icon{width:4rem;height:4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);color:var(--color-white);font-size:1.5rem}.bg-primary-blue{background-color:var(--color-primary-blue)}.bg-primary-magenta{background-color:var(--color-primary-magenta)}.bg-primary-orange{background-color:var(--color-primary-orange)}.stat-number{font-size:1.875rem;font-weight:700;color:var(--color-gray-800);margin-bottom:var(--space-2)}.stat-label{color:var(--color-gray-600);margin:0}.featured-section{padding:var(--space-16) 0;background-color:var(--color-gray-50)}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-title{font-size:1.875rem;font-weight:700;color:var(--color-gray-800);margin-bottom:var(--space-4)}@media (min-width:768px){.section-title{font-size:2.25rem}}.section-subtitle{font-size:1.25rem;color:var(--color-gray-600);margin:0}.tutorials-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--space-8);gap:var(--space-8);margin-bottom:var(--space-12)}@media (min-width:768px){.tutorials-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.tutorials-grid{grid-template-columns:repeat(3,1fr)}}.tutorial-card{background-color:var(--color-white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--color-gray-100);transition:all .2s ease;cursor:pointer}.tutorial-card:hover{box-shadow:var(--shadow-lg)}.tutorial-image{width:100%;height:12rem;object-fit:cover;transition:transform .3s ease}.tutorial-card:hover .tutorial-image{transform:scale(1.05)}.tutorial-overlay{position:absolute;inset:0;background-color:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.tutorial-card:hover .tutorial-overlay{opacity:1}.play-icon{color:var(--color-white);font-size:1.875rem}.tutorial-badges{position:absolute;top:var(--space-4);left:var(--space-4)}.difficulty-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--color-white)}.difficulty-badge.beginner{background-color:#10b981}.difficulty-badge.intermediate{background-color:#f59e0b}.difficulty-badge.advanced{background-color:#ef4444}.tutorial-title{font-size:1.25rem;font-weight:600;color:var(--color-gray-800);margin-bottom:var(--space-2);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tutorial-link{color:var(--color-primary-blue);font-weight:500;text-decoration:none;display:flex;align-items:center}.tutorial-link:hover{text-decoration:underline}.favorite-btn{background:none;border:none;color:var(--color-gray-400);cursor:pointer;padding:var(--space-2);border-radius:50%;transition:color .2s ease}.favorite-btn:hover{color:var(--color-primary-magenta)}.section-cta{text-align:center}.cta-section{padding:var(--space-16) 0;background-color:var(--color-primary-blue)}.cta-content{text-align:center}.cta-title{font-size:1.875rem;font-weight:700;color:var(--color-white);margin-bottom:var(--space-6)}@media (min-width:768px){.cta-title{font-size:2.25rem}}.cta-subtitle{font-size:1.25rem;color:rgba(255,255,255,.9);margin-bottom:var(--space-8)}.cta-buttons{display:flex;flex-direction:column;gap:var(--space-4);align-items:center}@media (min-width:640px){.cta-buttons{flex-direction:row;justify-content:center}}.btn-cta-primary{background-color:var(--color-white);color:var(--color-primary-blue);padding:var(--space-4) var(--space-8);border-radius:var(--radius-lg);font-weight:600;font-size:1.125rem;text-decoration:none;transition:all .2s ease}.btn-cta-primary:hover{background-color:var(--color-gray-100);color:var(--color-primary-blue)}.btn-cta-secondary{background-color:var(--color-primary-orange);color:var(--color-white);padding:var(--space-4) var(--space-8);border-radius:var(--radius-lg);font-weight:600;font-size:1.125rem;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-cta-secondary:hover{background-color:#d97706;color:var(--color-white)}.nav-container{background-color:var(--color-white);box-shadow:var(--shadow-lg);position:-webkit-sticky;position:sticky;top:0;z-index:50}.nav-wrapper{justify-content:space-between;height:5rem}.logo-link,.nav-logo,.nav-wrapper{display:flex;align-items:center}.logo-link{gap:var(--space-2);text-decoration:none}.logo-icon{width:220px;height:55px;background-image:url(/images/lumindance.png);background-size:contain;background-position:50%;background-repeat:no-repeat;border-radius:0}.logo-text{font-size:1.25rem;font-weight:700;background:linear-gradient(to right,var(--color-primary-blue),var(--color-primary-magenta));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.nav-desktop{display:none;align-items:center;gap:var(--space-8)}@media (min-width:768px){.nav-desktop{display:flex}}.nav-link{color:var(--color-gray-700);text-decoration:none;transition:color .2s ease}.nav-link:hover{color:var(--color-primary-blue)}.social-links{display:flex;align-items:center;gap:var(--space-3)}.social-link{color:var(--color-gray-500);transition:color .2s ease;text-decoration:none}.social-link.youtube:hover{color:#dc2626}.social-link.tiktok:hover{color:var(--color-gray-800)}.social-link.instagram:hover{color:#ec4899}.social-link.facebook:hover{color:#1877F2}.social-link.kofi:hover{color:var(--color-primary-orange)}.language-switcher{display:flex;align-items:center;gap:var(--space-2)}.lang-btn{padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:.875rem;border:none;background:transparent;color:var(--color-gray-600);cursor:pointer;transition:all .2s ease}.lang-btn:hover{color:var(--color-primary-blue)}.lang-btn.active{background-color:var(--color-primary-blue);color:var(--color-white)}.auth-section{gap:var(--space-4)}.auth-section,.mobile-menu-btn{display:flex;align-items:center}@media (min-width:768px){.mobile-menu-btn{display:none}}.menu-toggle{color:var(--color-gray-700);background:none;border:none;cursor:pointer;transition:color .2s ease}.menu-toggle:hover{color:var(--color-primary-blue)}.mobile-nav{background-color:var(--color-white);border-top:1px solid var(--color-gray-200)}@media (min-width:768px){.mobile-nav{display:none}}.mobile-nav-content{padding:var(--space-2) var(--space-2) var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.mobile-nav-link{display:block;padding:var(--space-3);color:var(--color-gray-700);text-decoration:none;transition:color .2s ease}.mobile-nav-link:hover{color:var(--color-primary-blue)}.mobile-social{gap:var(--space-4)}.mobile-language,.mobile-social{display:flex;align-items:center;padding:var(--space-3)}.mobile-auth,.mobile-language{gap:var(--space-2)}.mobile-auth{padding:var(--space-3);display:flex;flex-direction:column}input:focus{outline:none;border-color:var(--color-primary-blue);box-shadow:0 0 0 3px rgba(0,45,209,.1)}.space-y-4>*+*{margin-top:var(--space-4)}.space-y-6>*+*{margin-top:var(--space-6)}.error-message{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;border-radius:var(--radius-lg)}.error-message,.success-message{padding:var(--space-4);font-size:.875rem}.success-message{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#166534;border-radius:var(--radius-lg)}.btn-admin{background-color:var(--color-primary-blue);color:var(--color-white);border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.btn-admin:hover{background-color:#001b8a;color:var(--color-white)}.btn-admin:disabled{opacity:.5;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.login-card{background-color:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);border:1px solid var(--color-gray-100);max-width:400px;margin:0 auto;padding:var(--space-8)}.form-input{width:100%;padding:var(--space-3);border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus{border-color:var(--color-primary-blue);box-shadow:0 0 0 3px rgba(0,45,209,.1)}.form-input::placeholder{color:var(--color-gray-400)}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--color-gray-700);margin-bottom:var(--space-2)}.toolkit-section{padding:var(--space-16) 0;background-color:#faf5ff;position:relative;overflow:hidden}.toolkit-bg-decoration-1{top:-50px;right:-50px;width:200px;height:200px}.toolkit-bg-decoration-1,.toolkit-bg-decoration-2{position:absolute;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-radius:50%;opacity:.1}.toolkit-bg-decoration-2{bottom:-30px;left:-30px;width:150px;height:150px}.toolkit-content{text-align:center;max-width:900px;margin:0 auto}.toolkit-header{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-6)}.toolkit-icon{font-size:2rem;color:#8b5cf6}.toolkit-subtitle{font-size:1.25rem;color:var(--color-gray-600);margin-bottom:var(--space-8);line-height:1.6}.toolkit-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--space-6);gap:var(--space-6);margin-bottom:var(--space-10)}.toolkit-feature-card{background-color:var(--color-white);padding:var(--space-6);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:2px solid #e9d5ff;text-align:center;transition:all .2s ease}.toolkit-feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.toolkit-feature-icon{font-size:2.5rem;margin-bottom:var(--space-3)}.toolkit-feature-title{font-size:1.125rem;font-weight:700;margin-bottom:var(--space-2)}.toolkit-feature-title.warm-up{color:#8b5cf6}.toolkit-feature-title.stretching{color:#06b6d4}.toolkit-feature-title.strengthening{color:#f59e0b}.toolkit-feature-title.skills{color:#ef4444}.toolkit-feature-description{color:var(--color-gray-600);font-size:.875rem;margin:0}.toolkit-cta{margin-bottom:var(--space-5)}.btn-toolkit-primary{background-color:#8b5cf6;color:var(--color-white);padding:var(--space-4) var(--space-8);border-radius:var(--radius-xl);text-decoration:none;font-weight:600;font-size:1.125rem;display:inline-flex;align-items:center;gap:var(--space-3);transition:all .3s ease;box-shadow:0 8px 20px 0 rgba(139,92,246,.3);border:2px solid transparent}.btn-toolkit-primary:hover{background-color:#7c3aed;color:var(--color-white);transform:translateY(-2px);box-shadow:0 12px 30px 0 rgba(139,92,246,.4)}.toolkit-tagline{margin-top:var(--space-4);color:#8b5cf6;font-size:1rem;font-weight:500;margin-bottom:0}.footer-enhanced{background:linear-gradient(135deg,var(--color-gray-900) 0,var(--color-gray-800) 50%,#1e293b 100%);color:var(--color-white);padding:var(--space-16) 0 var(--space-8);position:relative;overflow:hidden}.footer-enhanced:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-primary-blue),var(--color-primary-magenta),var(--color-primary-orange))}.footer-content{display:grid;grid-template-columns:1fr;grid-gap:var(--space-12);gap:var(--space-12);margin-bottom:var(--space-12)}@media (min-width:768px){.footer-content{grid-template-columns:1fr 1fr 1fr;gap:var(--space-8)}}.footer-brand{text-align:center}@media (min-width:768px){.footer-brand{text-align:left}}.footer-logo{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-4)}@media (min-width:768px){.footer-logo{justify-content:flex-start}}.footer-brand-text{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--color-primary-blue),var(--color-primary-magenta));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-tagline{color:var(--color-gray-300);font-size:1rem;line-height:1.6;margin:0}.footer-links{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-8);gap:var(--space-8);text-align:center}@media (min-width:768px){.footer-links{grid-column:span 1;text-align:left}}.footer-heading,.footer-heading-follow{color:var(--color-white);font-size:1.125rem;font-weight:600;margin-bottom:var(--space-4);position:relative}.footer-heading:after{left:0}.footer-heading-follow:after,.footer-heading:after{content:"";position:absolute;bottom:-8px;width:30px;height:2px;background:linear-gradient(90deg,var(--color-primary-blue),var(--color-primary-magenta))}.footer-heading-follow:after{right:0}@media (max-width:767px){.footer-heading-follow:after,.footer-heading:after{left:50%;transform:translateX(-50%)}}.footer-link-list{list-style:none;padding:0;margin:0}.footer-link-list li{margin-bottom:var(--space-2)}.footer-link{color:var(--color-gray-300);text-decoration:none;transition:all .3s ease;font-size:.95rem}.footer-link:hover{color:var(--color-primary-blue);transform:translateX(4px)}.footer-social-section{text-align:center}@media (min-width:768px){.footer-social-section{text-align:right}}.footer-social-links{display:flex;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-6)}@media (min-width:768px){.footer-social-links{justify-content:flex-end}}.footer-social-link{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--color-gray-700);color:var(--color-white);text-decoration:none;font-size:1.25rem;transition:all .3s ease;border:2px solid transparent}.footer-social-link:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.3)}.footer-social-link.youtube:hover{background:#ff0000;border-color:#ff0000;color:var(--color-white)}.footer-social-link.tiktok:hover{background:#000000;border-color:#fe2c55;color:var(--color-white)}.footer-social-link.instagram:hover{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);border-color:#e1306c;color:var(--color-white)}.footer-social-link.facebook:hover{background:#fff;border-color:#1877F2;color:#1877F2}.footer-support{display:flex;justify-content:center}@media (min-width:768px){.footer-support{justify-content:flex-end}}.footer-kofi-btn{display:inline-flex;align-items:center;gap:var(--space-2);background:linear-gradient(135deg,var(--color-primary-orange),#ff9500);color:var(--color-white);padding:var(--space-3) var(--space-6);border-radius:var(--radius-xl);text-decoration:none;font-weight:600;font-size:.95rem;transition:all .3s ease;box-shadow:0 4px 15px rgba(242,171,26,.3);border:2px solid transparent}.footer-kofi-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(242,171,26,.4);background:linear-gradient(135deg,#ff9500,var(--color-primary-orange));color:var(--color-white)}.footer-heart{color:#ff4757;animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.footer-bottom{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding-top:var(--space-8);border-top:1px solid var(--color-gray-700);text-align:center}@media (min-width:768px){.footer-bottom{flex-direction:row;justify-content:space-between}}.footer-copyright p{color:var(--color-gray-400);font-size:.875rem;margin:0}.footer-love,.footer-love p{display:flex;align-items:center;gap:var(--space-1)}.footer-love p{color:var(--color-gray-400);font-size:.875rem;margin:0}.footer-love-icon{color:#ff4757;font-size:.75rem;animation:heartbeat 2s ease-in-out infinite}.embedded-content-blocker{position:relative;width:100%;min-height:300px;border-radius:var(--radius-lg);overflow:hidden;background-color:var(--color-gray-100);border:2px dashed var(--color-gray-300)}.embedded-content-blocker-content{position:relative;width:100%;height:100%;min-height:300px;display:flex;align-items:center;justify-content:center}.embedded-content-blocker-bg{position:absolute;inset:0;background-size:cover;background-position:50%;background-repeat:no-repeat;filter:blur(8px) brightness(.3);z-index:1}.embedded-content-blocker-overlay{position:relative;z-index:2;text-align:center;padding:var(--space-8);background-color:rgba(255,255,255,.95);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:400px;margin:var(--space-4);box-shadow:0 8px 32px rgba(0,0,0,.1);border:1px solid rgba(255,255,255,.2)}.embedded-content-blocker-icon{display:flex;justify-content:center;align-items:center;width:80px;height:80px;background-color:var(--color-gray-50);border-radius:50%;margin-left:auto;margin-right:auto;margin-bottom:var(--space-4)}.embedded-content-blocker-title{font-size:1.25rem;font-weight:600;color:var(--color-gray-800);margin-bottom:var(--space-3)}.embedded-content-blocker-description{color:var(--color-gray-600);font-size:.95rem;line-height:1.5;margin-bottom:var(--space-4)}.embedded-content-blocker-button{display:inline-flex;align-items:center;gap:var(--space-2);background-color:var(--color-primary-blue);color:var(--color-white);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);border:none;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(0,45,209,.2)}.embedded-content-blocker-button:hover{background-color:#001b8a;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,45,209,.3)}.embedded-content-blocker-button:active{transform:translateY(0)}.embedded-content-blocker.video-container{aspect-ratio:16/9;min-height:200px}.embedded-content-blocker.video-container .embedded-content-blocker-content{min-height:200px}.embedded-content-blocker.tiktok-container{aspect-ratio:9/16;max-width:325px;margin:0 auto;min-height:400px}.embedded-content-blocker.tiktok-container .embedded-content-blocker-content{min-height:400px}.embedded-content-blocker.kofi-container{min-height:150px;max-width:300px}.embedded-content-blocker.kofi-container .embedded-content-blocker-content{min-height:150px}.embedded-content-blocker.kofi-container .embedded-content-blocker-overlay{padding:var(--space-4)}.embedded-content-blocker.kofi-container .embedded-content-blocker-icon{width:60px;height:60px;margin-bottom:var(--space-2)}.embedded-content-blocker.kofi-container .embedded-content-blocker-title{font-size:1.125rem;margin-bottom:var(--space-2)}.embedded-content-blocker.kofi-container .embedded-content-blocker-description{font-size:.875rem;margin-bottom:var(--space-3)}.embedded-content-blocker.dark{background-color:var(--color-gray-800);border-color:var(--color-gray-600)}.embedded-content-blocker.dark .embedded-content-blocker-overlay{background-color:rgba(31,41,55,.95);color:var(--color-white)}.embedded-content-blocker.dark .embedded-content-blocker-title{color:var(--color-white)}.embedded-content-blocker.dark .embedded-content-blocker-description{color:var(--color-gray-300)}.embedded-content-blocker.dark .embedded-content-blocker-icon{background-color:var(--color-gray-700)}@media (max-width:640px){.embedded-content-blocker-overlay{margin:var(--space-2);padding:var(--space-4)}.embedded-content-blocker-icon{width:60px;height:60px}.embedded-content-blocker-title{font-size:1.125rem}.embedded-content-blocker-description{font-size:.875rem}.embedded-content-blocker-button{font-size:.875rem;padding:var(--space-2) var(--space-4)}}.cookie-backdrop{position:fixed;inset:0;background-color:rgba(0,0,0,.5);z-index:998}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--color-white);border-top:3px solid var(--color-primary-blue);box-shadow:0 -4px 20px rgba(0,0,0,.15);z-index:999;padding:var(--space-4);animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cookie-banner-content{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4)}@media (min-width:768px){.cookie-banner-content{flex-direction:row;align-items:center;justify-content:space-between}}.cookie-banner-text{flex:1 1}.cookie-banner-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.cookie-icon{color:var(--color-primary-orange);font-size:1.5rem;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.cookie-title{font-size:1.25rem;font-weight:700;color:var(--color-gray-800);margin:0}.cookie-description{color:var(--color-gray-600);font-size:.95rem;line-height:1.5;margin:0}.cookie-banner-actions{display:flex;flex-direction:column;gap:var(--space-2);min-width:300px}@media (min-width:640px){.cookie-banner-actions{flex-direction:row;align-items:center}}.cookie-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:999;padding:var(--space-4)}.cookie-modal-content{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:0 20px 50px rgba(0,0,0,.3);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:scaleIn .3s ease-out}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.cookie-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-bottom:1px solid var(--color-gray-200)}.cookie-modal-title{font-size:1.5rem;font-weight:700;color:var(--color-gray-800);margin:0}.cookie-modal-close{background:none;border:none;color:var(--color-gray-500);font-size:1.25rem;cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all .2s ease}.cookie-modal-close:hover{background-color:var(--color-gray-100);color:var(--color-gray-700)}.cookie-modal-body{padding:var(--space-6)}.cookie-modal-description{color:var(--color-gray-600);font-size:1rem;line-height:1.6;margin-bottom:var(--space-6)}.cookie-categories{display:flex;flex-direction:column;gap:var(--space-4)}.cookie-category{border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-4);transition:all .2s ease}.cookie-category:hover{border-color:var(--color-primary-blue);box-shadow:0 2px 8px rgba(0,45,209,.1)}.cookie-category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.cookie-category-info{display:flex;align-items:center;gap:var(--space-3)}.cookie-category-title{font-size:1.125rem;font-weight:600;color:var(--color-gray-800);margin:0}.cookie-category-required{background-color:var(--color-gray-100);color:var(--color-gray-600);font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:var(--radius-md);text-transform:uppercase}.cookie-category-description{color:var(--color-gray-600);font-size:.875rem;line-height:1.5;margin:0}.cookie-checkbox,.cookie-toggle{position:relative}.cookie-checkbox{width:44px;height:24px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-gray-300);border-radius:12px;cursor:pointer;transition:all .3s ease}.cookie-checkbox:checked,.cookie-checkbox:disabled{background-color:var(--color-primary-blue)}.cookie-checkbox:disabled{cursor:not-allowed;opacity:.8}.cookie-checkbox:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:var(--color-white);border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.2)}.cookie-checkbox:checked:before{transform:translateX(20px)}.cookie-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-weight:500;font-size:.875rem;border:none;cursor:pointer;transition:all .2s ease;min-height:44px}.cookie-btn-settings{background-color:var(--color-gray-100);color:var(--color-gray-700);border:1px solid var(--color-gray-300)}.cookie-btn-settings:hover{background-color:var(--color-gray-200);border-color:var(--color-gray-400)}.cookie-btn-reject{background-color:transparent;color:var(--color-gray-600);border:1px solid var(--color-gray-300)}.cookie-btn-reject:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-400);color:var(--color-gray-700)}.cookie-btn-accept{background-color:var(--color-primary-blue);color:var(--color-white);border:1px solid var(--color-primary-blue)}.cookie-btn-accept:hover{background-color:#001b8a;border-color:#001b8a}.cookie-modal-footer{display:flex;gap:var(--space-3);padding:0 var(--space-6) var(--space-6);justify-content:flex-end}.cookie-modal-footer-info{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-gray-200)}.cookie-more-info{color:var(--color-gray-500);font-size:.875rem;text-align:center;margin:0}@media (max-width:640px){.cookie-banner{padding:var(--space-3)}.cookie-banner-actions{gap:var(--space-2)}.cookie-btn{font-size:.8rem;padding:var(--space-2) var(--space-3)}.cookie-modal{padding:var(--space-2)}.cookie-modal-body,.cookie-modal-header{padding:var(--space-4)}.cookie-modal-footer{padding:0 var(--space-4) var(--space-4);flex-direction:column}}.tutorial-description{color:var(--color-gray-600);margin-bottom:var(--space-4);max-height:4.5rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.5;font-size:.875rem}.tutorial-description p{margin-bottom:.5rem;line-height:inherit;font-size:inherit;color:inherit}.tutorial-description p:last-child{margin-bottom:0}.tutorial-description b,.tutorial-description strong{font-weight:600;color:var(--color-gray-700)}.tutorial-description em,.tutorial-description i{font-style:italic}.tutorial-description u{text-decoration:underline}.tutorial-description h1,.tutorial-description h2,.tutorial-description h3,.tutorial-description h4,.tutorial-description h5,.tutorial-description h6{font-weight:600;color:var(--color-gray-700);margin-bottom:.25rem;margin-top:0}.tutorial-description h1{font-size:1rem}.tutorial-description h2{font-size:.95rem}.tutorial-description h3{font-size:.9rem}.tutorial-description h4,.tutorial-description h5,.tutorial-description h6{font-size:.875rem}.tutorial-description ol,.tutorial-description ul{margin-bottom:.5rem;padding-left:1rem}.tutorial-description li{margin-bottom:.25rem;line-height:inherit}.tutorial-content{padding:var(--space-6);height:auto;min-height:180px;display:flex;flex-direction:column}.tutorial-actions{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.tutorial-duration{color:var(--color-gray-600);margin-bottom:var(--space-4);max-height:4.5rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.5;font-size:.875rem}.tutorial-image-container{position:relative;overflow:hidden;height:12rem}@media (max-width:768px){.tutorial-description{max-height:3.75rem;-webkit-line-clamp:2;font-size:.8rem}.tutorial-content{padding:var(--space-4);min-height:160px}.tutorial-image-container .absolute{bottom:12px!important;right:12px!important}}.toolkit-soon{font-size:2.5rem;font-weight:900;color:#ff1a1a;text-transform:uppercase;text-shadow:2px 2px 8px rgba(0,0,0,.3);padding:.5em 1em;border-radius:8px;display:inline-flex;align-items:center;gap:.5em;animation:pulse 1.5s infinite}.coming-soon-small{font-size:.75rem;font-weight:700;color:#d90000;text-transform:uppercase;margin-left:.5em;background:rgba(255,0,0,.1);padding:.1em .4em;border-radius:4px;vertical-align:middle}