.header{backdrop-filter:blur(8px);position:absolute;top:0;left:0;width:100%;z-index:50;border-bottom:1px solid var(--border);background:var(--background)}.header-container{max-width:1200px;margin:0 auto;padding:1rem 1.5rem;justify-content:space-between}.header-container,.header-logo{display:flex;align-items:center}.header-logo{gap:.5rem}.header-logo-text{font-size:1.25rem;font-weight:700;color:var(--foreground);cursor:pointer}.header-nav{display:none}@media (min-width:768px){.header-nav{display:flex;align-items:center;gap:1.5rem}}.header-link{color:var(--muted-foreground);font-size:1rem;transition:color .2s;text-decoration:none}.header-link:hover,.header-signin-btn{color:var(--foreground)}.header-signin-btn{border:1px solid var(--border);background:var(--background)}.dark .header-signin-btn{border:1px solid var(--border);background:var(--card)}.header-create-btn{background:linear-gradient(90deg,#2563eb,#a21caf);color:#fff}.header-mobile-menu-btn{display:block;padding:.5rem;border-radius:.5rem;background:none;border:none;outline:none}@media (min-width:768px){.header-mobile-menu-btn{display:none}}.header-mobile-menu-icon{width:1.75rem;height:1.75rem;color:var(--foreground)}.header-mobile-dropdown{position:absolute;top:100%;left:0;width:100%;background:var(--background);border-bottom:1px solid var(--border);box-shadow:0 4px 24px rgba(0,0,0,.08);z-index:50;animation:fade-in .2s}.header-mobile-dropdown-content{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.header-mobile-link{padding:.5rem;border-radius:.5rem;color:var(--muted-foreground);text-decoration:none;font-size:1rem;transition:color .2s}.header-mobile-link:hover{color:var(--foreground)}.header-link-active{color:#a21caf;font-weight:600}.header-mobile-theme-toggle{padding:.5rem 0}.header-mobile-signin-btn{border:1px solid var(--border);color:var(--foreground);background:var(--background);width:100%;margin-bottom:.5rem}.header-mobile-create-btn{background:linear-gradient(90deg,#2563eb,#a21caf);color:#fff;width:100%}@keyframes fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.header-mobile-theme-toggle .theme-toggle-btn:hover,.header-nav .theme-toggle-btn:hover{background:var(--muted);color:var(--foreground)}.footer{background:#111827;color:var(--foreground);padding-top:4rem;padding-left:1rem;padding-right:1rem}.footer-container{width:100%}.footer-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:3rem;padding-left:1rem;padding-right:1rem}@media (min-width:768px){.footer-grid{grid-template-columns:repeat(4,1fr)}}.footer-bottom{border-top:1px solid #1f2937;padding-top:2rem;display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:space-between;width:100%;padding-bottom:1rem}@media (min-width:768px){.footer-bottom{flex-direction:row}}.footer-action-primary{background:linear-gradient(90deg,#2563eb,#a21caf);color:#fff}.footer-action-secondary{border:1px solid #334155;color:#fff;background:#1e293b}.footer-action-secondary:hover{background:#334155}.footer-copyright{font-size:.8rem;color:#9ca3af;text-align:center}.footer-actions{display:flex;gap:1rem;justify-content:center;align-items:center}