:root{--dark-bg:#111827;--dark-text:#f9fafb;--dark-text-secondary:#9ca3af;--dark-link:#a855f7;--dark-link-hover:#c084fc;--dark-border:#374151;--light-bg:#fff;--light-text:#111827;--light-text-secondary:#6b7280;--light-link:#9333ea;--light-link-hover:#7e22ce;--light-border:#e5e7eb;--purple-bg:#581c87;--purple-text:#faf5ff;--purple-text-secondary:#e9d5ff;--purple-link:#d946ef;--purple-link-hover:#f0abfc;--purple-border:#7e22ce;--blue-bg:#1e3a8a;--blue-text:#eff6ff;--blue-text-secondary:#bfdbfe;--blue-link:#60a5fa;--blue-link-hover:#93c5fd;--blue-border:#3b82f6;--green-bg:#14532d;--green-text:#f0fdf4;--green-text-secondary:#bbf7d0;--green-link:#4ade80;--green-link-hover:#86efac;--green-border:#22c55e}[data-color-scheme=dark]{--footer-bg:var(--dark-bg);--footer-text:var(--dark-text);--footer-text-secondary:var(--dark-text-secondary);--footer-link:var(--dark-link);--footer-link-hover:var(--dark-link-hover);--footer-border:var(--dark-border)}[data-color-scheme=light]{--footer-bg:var(--light-bg);--footer-text:var(--light-text);--footer-text-secondary:var(--light-text-secondary);--footer-link:var(--light-link);--footer-link-hover:var(--light-link-hover);--footer-border:var(--light-border)}[data-color-scheme=purple]{--footer-bg:var(--purple-bg);--footer-text:var(--purple-text);--footer-text-secondary:var(--purple-text-secondary);--footer-link:var(--purple-link);--footer-link-hover:var(--purple-link-hover);--footer-border:var(--purple-border)}[data-color-scheme=blue]{--footer-bg:var(--blue-bg);--footer-text:var(--blue-text);--footer-text-secondary:var(--blue-text-secondary);--footer-link:var(--blue-link);--footer-link-hover:var(--blue-link-hover);--footer-border:var(--blue-border)}[data-color-scheme=green]{--footer-bg:var(--green-bg);--footer-text:var(--green-text);--footer-text-secondary:var(--green-text-secondary);--footer-link:var(--green-link);--footer-link-hover:var(--green-link-hover);--footer-border:var(--green-border)}.footer-container{background:var(--footer-bg);border-top:1px solid var(--footer-border);padding:64px 0 32px;margin-top:auto}.footer-content{max-width:1440px;margin:0 auto;padding:0 24px}.footer-top{display:grid;grid-template-columns:1fr 2fr;gap:64px;padding-bottom:48px;border-bottom:1px solid var(--footer-border)}.footer-brand{display:flex;flex-direction:column;gap:16px}.footer-logo{display:flex;align-items:center;gap:12px;text-decoration:none;width:fit-content}.footer-logo-text{font-size:1.5rem;font-weight:700;color:var(--footer-text)}.footer-tagline{font-size:1rem;color:var(--footer-text-secondary);line-height:1.1;max-width:280px}.footer-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:48px}.footer-section{min-width:0}.footer-section-title{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--footer-text);margin-bottom:16px}.footer-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.footer-item-link{font-size:.9375rem;color:var(--footer-text-secondary);text-decoration:none;transition:color .2s ease;display:inline-block}.footer-item-link:hover{color:var(--footer-link-hover)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:32px;gap:24px}.footer-copyright{font-size:.875rem;color:var(--footer-text-secondary)}.footer-social{display:flex;align-items:center;gap:16px}.footer-social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:transparent;color:var(--footer-text-secondary);text-decoration:none;transition:all .2s ease;border:1px solid var(--footer-border)}.footer-social-link:hover{background:var(--footer-link);border-color:var(--footer-link);color:var(--footer-bg);transform:translateY(-2px)}.footer-social-icon{width:20px;height:20px}@media (max-width:1024px){.footer-top{grid-template-columns:1fr;gap:48px}.footer-sections{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:32px}}@media (max-width:768px){.footer-container{padding:48px 0 24px}.footer-content{padding:0 16px}.footer-sections{grid-template-columns:repeat(2,1fr);gap:32px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:24px}.footer-social{width:100%;justify-content:flex-start}}@media (max-width:480px){.footer-sections{grid-template-columns:1fr}.footer-tagline{max-width:100%}}.footer-loading{background:var(--footer-bg);padding:64px 0;min-height:400px}:root{--purple-primary:#9333ea;--purple-primary-hover:#7e22ce;--purple-light:#f3e8ff;--green-primary:#22c55e;--green-primary-hover:#16a34a;--green-light:#d1fae5;--blue-primary:#3b82f6;--blue-primary-hover:#2563eb;--blue-light:#dbeafe;--orange-primary:#f97316;--orange-primary-hover:#ea580c;--orange-light:#ffedd5;--pink-primary:#ec4899;--pink-primary-hover:#db2777;--pink-light:#fce7f3;--nav-bg:#fff;--nav-text:#111827;--nav-text-secondary:#6b7280;--nav-border:#e5e7eb;--nav-hover-bg:#f9fafb}[data-color-scheme=purple]{--primary:var(--purple-primary);--primary-hover:var(--purple-primary-hover);--light:var(--purple-light)}[data-color-scheme=green]{--primary:var(--green-primary);--primary-hover:var(--green-primary-hover);--light:var(--green-light)}[data-color-scheme=blue]{--primary:var(--blue-primary);--primary-hover:var(--blue-primary-hover);--light:var(--blue-light)}[data-color-scheme=orange]{--primary:var(--orange-primary);--primary-hover:var(--orange-primary-hover);--light:var(--orange-light)}[data-color-scheme=pink]{--primary:var(--pink-primary);--primary-hover:var(--pink-primary-hover);--light:var(--pink-light)}.navigation-container{position:sticky;top:0;z-index:1000;background:var(--nav-bg);border-bottom:1px solid var(--nav-border);box-shadow:0 1px 3px rgba(0,0,0,.05)}.navigation-content{max-width:1440px;margin:0 auto;padding:0 24px;height:72px;display:flex;align-items:center;justify-content:space-between;gap:48px}.navigation-logo{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0}.navigation-logo-text{font-size:1.25rem;font-weight:700;color:var(--nav-text)}.navigation-sections{display:flex;align-items:center;gap:8px;flex:1}.navigation-section{position:relative}.navigation-section-button{display:flex;align-items:center;gap:4px;padding:8px 16px;background:transparent;border:none;cursor:pointer;font-size:.9375rem;font-weight:500;color:var(--nav-text);transition:all .2s ease;border-radius:8px}.navigation-section-button:hover{background:var(--nav-hover-bg);color:var(--primary)}.navigation-section:hover .navigation-section-button{color:var(--primary)}.navigation-chevron{width:16px;height:16px;transition:transform .2s ease}.navigation-section:hover .navigation-chevron{transform:rotate(180deg)}.navigation-dropdown{position:absolute;top:calc(100% + 1px);left:50%;transform:translateX(-50%);background:#fff;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.15);border:1px solid var(--nav-border);min-width:700px;max-width:900px;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.navigation-dropdown-content{display:grid;grid-template-columns:1fr auto;gap:24px;padding:24px}.navigation-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px}.navigation-column{min-width:0}.navigation-column-title{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--nav-text-secondary);margin-bottom:12px}.navigation-items{display:flex;flex-direction:column;gap:4px}.navigation-item{display:flex;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;color:var(--nav-text);border-radius:8px;transition:all .2s ease}.navigation-item:hover{background:var(--nav-hover-bg);color:var(--primary)}.navigation-item:hover .navigation-item-icon{color:var(--primary)}.navigation-item-icon{width:20px;height:20px;flex-shrink:0;color:var(--primary);transition:color .2s ease}.navigation-item-title{font-size:.9375rem;font-weight:500;white-space:nowrap}.navigation-spotlight{width:320px;flex-shrink:0;display:flex;flex-direction:column;gap:12px}.navigation-spotlight-image{width:100%;height:180px;object-fit:cover;border-radius:12px;border:1px solid var(--nav-border)}.navigation-spotlight-link{display:inline-flex;align-items:center;gap:6px;font-size:.875rem;font-weight:600;color:var(--primary);text-decoration:none;transition:color .2s ease}.navigation-spotlight-link:hover{color:var(--primary-hover)}.navigation-auth{display:flex;align-items:center;gap:12px;flex-shrink:0}.navigation-signin{padding:8px 20px;font-size:.9375rem;font-weight:600;color:var(--nav-text);text-decoration:none;border-radius:8px;transition:all .2s ease;border:1px solid transparent}.navigation-signin:hover{background:var(--nav-hover-bg);color:var(--primary)}.navigation-signup{padding:8px 20px;font-size:.9375rem;font-weight:600;color:#fff;background:var(--primary);text-decoration:none;border-radius:8px;transition:all .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.1)}.navigation-signup:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.navigation-mobile-toggle{display:none;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:8px;color:var(--nav-text);transition:all .2s ease;border-radius:8px}.navigation-mobile-toggle:hover{background:var(--nav-hover-bg);color:var(--primary)}.navigation-mobile-icon{width:24px;height:24px}.navigation-mobile-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1100;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.navigation-mobile-drawer{position:fixed;top:0;left:0;bottom:0;width:320px;max-width:85vw;background:#fff;z-index:1200;display:flex;flex-direction:column;box-shadow:2px 0 16px rgba(0,0,0,.1);animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.navigation-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--nav-border)}.navigation-mobile-close{display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:8px;color:var(--nav-text);transition:all .2s ease;border-radius:8px}.navigation-mobile-close:hover{background:var(--nav-hover-bg);color:var(--primary)}.navigation-mobile-content{flex:1;overflow-y:auto;padding:8px 0}.navigation-mobile-section{border-bottom:1px solid var(--nav-border)}.navigation-mobile-section-button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:transparent;border:none;cursor:pointer;font-size:1rem;font-weight:600;color:var(--nav-text);text-align:left;transition:all .2s ease}.navigation-mobile-section-button:hover{background:var(--nav-hover-bg);color:var(--primary)}.navigation-mobile-chevron{width:20px;height:20px;transition:transform .2s ease;flex-shrink:0}.navigation-mobile-chevron.open{transform:rotate(180deg)}.navigation-mobile-section-content{padding:8px 0 16px;background:var(--nav-hover-bg)}.navigation-mobile-column{padding:0 20px;margin-bottom:16px}.navigation-mobile-column:last-child{margin-bottom:0}.navigation-mobile-column-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--nav-text-secondary);margin-bottom:12px}.navigation-mobile-items{display:flex;flex-direction:column;gap:4px}.navigation-mobile-item{display:flex;align-items:center;gap:12px;padding:12px;text-decoration:none;color:var(--nav-text);border-radius:8px;transition:all .2s ease;font-size:.9375rem;font-weight:500}.navigation-mobile-item:hover{background:#fff;color:var(--primary)}.navigation-mobile-auth{display:flex;flex-direction:column;gap:12px;padding:20px;border-top:1px solid var(--nav-border);margin-top:auto}.navigation-mobile-auth .navigation-signin,.navigation-mobile-auth .navigation-signup{width:100%;text-align:center;display:block}@media (max-width:1024px){.navigation-content{gap:24px;padding:0 16px}.navigation-sections{gap:4px}.navigation-section-button{padding:8px 12px;font-size:.875rem}.navigation-dropdown{min-width:600px}.navigation-spotlight{width:240px}.navigation-spotlight-image{height:135px}}@media (max-width:768px){.navigation-content{height:64px}.navigation-mobile-toggle{display:flex}.navigation-logo-text,.navigation-sections{display:none}.navigation-auth{margin-left:auto}.navigation-signin,.navigation-signup{padding:6px 16px;font-size:.875rem}}.navigation-loading{height:72px;background:var(--nav-bg);border-bottom:1px solid var(--nav-border)}