.header{background:linear-gradient(90deg,var(--bg-white)0%,#f8f7ff 100%);border-bottom:2px solid var(--lavender-light);z-index:100;width:100%;box-shadow:var(--shadow);background-color:#fff;border-top:2px solid #8b5cf6;border-bottom:2px solid #8b5cf6;padding:15px 0;transition:all .3s;position:fixed;top:0}:root.dark-mode .header{color:#e0e0e0;background:linear-gradient(90deg,#1a1a2e 0%,#16213e 100%);border-bottom-color:#8b5cf6}.header-container{justify-content:space-between;align-items:center;gap:20px;max-width:1200px;height:auto;margin:0 auto;padding:0 20px;display:flex}.header-logo{align-items:center;font-size:3rem;font-weight:900;display:flex}.logo-icon{border:2px solid var(--primary-color);background-color:#fff;border-radius:10px;font-size:1.5rem}.logo-text{color:var(--text-dark)}.imglogo{border-radius:10px}.header-nav{align-items:center;gap:30px;display:flex}.header-nav a{color:var(--text-light);font-size:.95rem;font-weight:500;text-decoration:none;transition:color .3s}:root.dark-mode .header-nav a{color:#b0b0b0}.header-nav a:hover{color:var(--purple)}.header-cta{background:linear-gradient(135deg,var(--primary-color),var(--purple));color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:10px 20px;font-size:.95rem;font-weight:600;transition:all .3s}.header-cta:hover{transform:translateY(-2px);box-shadow:0 8px 15px #0052ff4d}:root.dark-mode .header-cta{background:linear-gradient(135deg,#7dd3fc,#c084fc)}.header-controls{align-items:center;gap:15px;display:flex}.language-toggle,.theme-toggle{background:var(--bg-light);border:1px solid var(--border-color);border-radius:6px;gap:2px;padding:4px;display:flex}:root.dark-mode .language-toggle,:root.dark-mode .theme-toggle{background:#2a2a3e;border-color:#444}.lang-btn,.theme-btn{cursor:pointer;color:var(--text-light);background:0 0;border:none;border-radius:4px;padding:6px 12px;font-size:.85rem;font-weight:600;transition:all .2s}:root.dark-mode .lang-btn,:root.dark-mode .theme-btn{color:#b0b0b0}.lang-btn.active,.theme-btn.active{color:var(--primary-color);background:#fff;box-shadow:0 2px 4px #0000001a}:root.dark-mode .lang-btn.active,:root.dark-mode .theme-btn.active{color:#7dd3fc;background:#3a3a4e}.lang-btn:hover,.theme-btn:hover{background:#2600ff1a}:root.dark-mode .lang-btn:hover,:root.dark-mode .theme-btn:hover{background:#7dd3fc1a}.mobile-toggle{cursor:pointer;color:var(--text-dark);border:none;font-size:1.5rem;display:none}:root.dark-mode .mobile-toggle{color:#e0e0e0}.nav-close{display:none}@media (max-width:768px){.header-container{flex-wrap:wrap;gap:10px}.header-nav{border-bottom:1px solid var(--border-color);visibility:hidden;opacity:0;pointer-events:none;background-color:#fff;flex-direction:column;gap:15px;width:100%;padding:20px;transition:visibility .3s,opacity .3s;display:flex;position:absolute;top:60px;left:0;right:0}:root.dark-mode .header-nav{background-color:#1a1a2e;border-bottom-color:#444}.header-nav.active{visibility:visible;opacity:1;pointer-events:auto;margin-top:30px}.nav-close{cursor:pointer;color:var(--text-dark);background:0 0;border:none;align-self:flex-end;margin-bottom:10px;padding:0;font-size:1.5rem;transition:color .3s;display:block}.nav-close:hover{color:var(--purple)}:root.dark-mode .nav-close{color:#e0e0e0}.mobile-toggle{order:2;display:block}.header-cta{order:3;padding:8px 16px;font-size:.85rem}.header-controls{order:1}.header-logo{order:0;font-size:1.1rem}}@media (max-width:368px){.header-controls{margin:0;padding:0;display:block}.language-toggle,.theme-toggle{justify-content:space-between;margin:2px}}.theme-btn:first-child{color:#333!important;background:linear-gradient(135deg,gold,#ffed4e)!important}.theme-btn:first-child:hover{background:linear-gradient(135deg,gold,#ffed4e)!important}:root.dark-mode .theme-btn:first-child{color:#333!important;background:linear-gradient(135deg,gold,#ffed4e)!important}:root.dark-mode .theme-btn:first-child:hover{background:linear-gradient(135deg,gold,#ffed4e)!important}.theme-btn:first-child.active{color:#333!important;background:linear-gradient(135deg,gold,#ffed4e)!important;box-shadow:0 2px 4px #ffd70066!important}.theme-btn.bgc-dark{color:#e0e0e0!important;background:#2a2a4e!important}.theme-btn.bgc-dark:hover{background:#2a2a4e!important}:root.dark-mode .theme-btn.bgc-dark{color:#e0e0e0!important;background:#2a2a4e!important}:root.dark-mode .theme-btn.bgc-dark:hover{background:#2a2a4e!important}.theme-btn.bgc-dark.active{color:#fff!important;background:#3a3a5e!important;box-shadow:0 2px 4px #7dd3fc66!important}@media (max-width:480px){.header-controls{gap:8px}.lang-btn,.theme-btn{padding:4px 8px;font-size:.75rem}.mobile-toggle{font-size:1.2rem}.header-logo{width:100px}.imglogo{width:100px!important;height:auto!important}}
.footer{color:#fffc;background-color:#1a202c;padding:60px 20px 30px}.footer-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;max-width:1200px;margin:0 auto 40px;display:grid}.linkimg{justify-content:center;align-items:center;display:flex}.footer-section h4{color:#fff;text-transform:uppercase;letter-spacing:.5px;margin-bottom:20px;font-size:.95rem;font-weight:700}.footer-logo{color:#fff;align-items:center;gap:10px;margin-bottom:15px;font-size:1.2rem;font-weight:700;display:flex}.footer-logo div{font-size:1.5rem}.footer-section p{color:#ffffffb3;font-size:.9rem;line-height:1.7}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:12px}.footer-section ul a{color:#ffffffb3;font-size:.9rem;text-decoration:none;transition:color .3s}.footer-section ul a:hover{color:var(--primary-color)}.footer-bottom{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:1200px;margin:0 auto;padding-top:30px;display:flex}.footer-bottom p{color:#fff9;font-size:.85rem}.footer-socials{gap:5px;display:flex}.footer-socials a{color:#ffffffb3;background-color:#fff;border-radius:50%;width:30px;padding:5px;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .3s}.footer-socials a:hover{color:var(--primary-color)}@media (max-width:768px){.footer{padding:40px 20px 20px}.footer-container{grid-template-columns:1fr;gap:30px}.footer-bottom{text-align:center;flex-direction:column}.footer-socials{justify-content:center}}