.navbar{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);padding:.5rem var(--container-padding);transition:transform var(--duration-normal) var(--ease-smooth),background var(--duration-normal) var(--ease-smooth),box-shadow var(--duration-normal) var(--ease-smooth)}.navbar--scrolled{background:var(--color-bg-glass-strong);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 1px 0 var(--color-border),var(--shadow-md)}.navbar--hidden{transform:translateY(-100%)}.navbar__inner{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between}.navbar__logo{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:-.03em;color:var(--color-text-primary);cursor:pointer;transition:opacity var(--duration-fast) var(--ease-smooth)}.navbar__logo:hover{opacity:1;animation:hue-shift 4s linear infinite}.navbar__logo-dot{color:var(--color-accent-primary)}.navbar__links{display:flex;align-items:center;gap:var(--space-xl)}.navbar__link{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);letter-spacing:.02em;transition:color var(--duration-fast) var(--ease-smooth);position:relative;padding:var(--space-xs) 0;cursor:pointer}.navbar__link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--color-accent-primary);border-radius:1px;transition:width var(--duration-normal) var(--ease-out-expo)}.navbar__link--active,.navbar__link:hover{color:var(--color-text-primary)}.navbar__link--active:after,.navbar__link:hover:after{width:100%}.navbar__active-underline{position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--color-accent-primary);border-radius:1px}.navbar__actions{display:flex;align-items:center;gap:var(--space-md)}.navbar__theme-btn{width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:var(--color-bg-glass);border:1px solid var(--color-border);transition:all var(--duration-fast) var(--ease-smooth);color:var(--color-text-secondary)}.navbar__theme-btn:hover{background:var(--color-bg-glass-strong);color:var(--color-accent-primary);transform:rotate(15deg)}.navbar__mobile-btn{display:none;width:40px;height:40px;border-radius:var(--radius-full);align-items:center;justify-content:center;background:var(--color-bg-glass);border:1px solid var(--color-border);color:var(--color-text-secondary);transition:all var(--duration-fast) var(--ease-smooth)}.navbar__mobile-btn:hover{background:var(--color-bg-glass-strong)}.navbar__mobile-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:var(--z-overlay);opacity:0;visibility:hidden;transition:all var(--duration-normal) var(--ease-smooth)}.navbar__mobile-overlay--open{opacity:1;visibility:visible}.navbar__mobile-menu{position:fixed;top:0;right:0;bottom:0;width:min(320px,85vw);background:var(--color-bg-secondary);border-left:1px solid var(--color-border);z-index:var(--z-modal);padding:var(--space-3xl) var(--space-xl);transform:translateX(100%);transition:transform var(--duration-slow) var(--ease-out-expo);display:flex;flex-direction:column;gap:var(--space-xl);overflow-y:auto;overflow-x:hidden}.navbar__mobile-menu--open{transform:translateX(0)}.navbar__mobile-close{position:absolute;top:var(--space-xl);right:var(--space-xl);z-index:10;width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary);border:1px solid var(--color-border);color:var(--color-text-secondary);transition:all var(--duration-fast) var(--ease-smooth)}.navbar__mobile-close:hover{color:var(--color-accent-primary)}.navbar__mobile-links{display:flex;flex-direction:column;gap:var(--space-md);margin-top:calc(40px + var(--space-xl));padding-bottom:var(--space-2xl)}.navbar__mobile-link{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-semibold);color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-smooth);padding:var(--space-sm) 0;cursor:pointer}.navbar__mobile-link:hover{color:var(--color-accent-primary)}@media (max-width:768px){.navbar__links{display:none}.navbar__mobile-btn{display:flex}}.preloader{position:fixed;inset:0;z-index:99999;display:flex;justify-content:center;align-items:center;background-color:var(--color-bg-primary);transition:opacity .8s ease,visibility .8s ease;pointer-events:all}.preloader.fade-out{opacity:0;visibility:hidden;pointer-events:none}.preloader-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:2rem;transition:transform .6s cubic-bezier(.77,0,.175,1)}.preloader.fade-out .preloader-content{transform:scale(1.1)}.preloader-logo-pulse{animation:pulse-logo 1.5s ease-in-out infinite alternate}.preloader-logo{width:clamp(160px,20vw,280px);max-width:80vw}@keyframes pulse-logo{0%{transform:scale(.95);filter:drop-shadow(0 0 10px rgba(249,115,22,.2))}to{transform:scale(1.05);filter:drop-shadow(0 0 25px rgba(249,115,22,.6))}}.preloader-bar-container{width:clamp(120px,15vw,220px);height:4px;background:hsla(0,0%,100%,.1);border-radius:4px;overflow:hidden;position:relative;box-shadow:0 0 10px rgba(249,115,22,.2)}.preloader-bar{position:absolute;top:0;left:0;height:100%;width:0;background:linear-gradient(90deg,#f97316,#fb923c);border-radius:4px;animation:load-bar 1.8s cubic-bezier(.77,0,.175,1) forwards}@keyframes load-bar{0%{width:0}30%{width:40%}70%{width:80%}to{width:100%}}.footer{position:relative;background:var(--color-bg-tertiary);padding:var(--space-3xl) 0 var(--space-xl)}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-accent-primary),transparent);opacity:.4}.footer__cta{text-align:center;margin-bottom:var(--space-3xl)}.footer__cta-text{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-xl)}.footer__content{display:flex;justify-content:space-between;align-items:start;flex-wrap:wrap;gap:var(--space-2xl);padding-bottom:var(--space-2xl);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-xl)}.footer__brand{max-width:300px}.footer__logo{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-md)}.footer__logo-dot{color:var(--color-accent-primary)}.footer__brand-desc{font-size:var(--text-sm);color:var(--color-text-tertiary);line-height:1.7}.footer__links{display:flex;flex-direction:column;gap:var(--space-sm)}.footer__links-title{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.08em}.footer__link{font-size:var(--text-sm);color:var(--color-text-tertiary);transition:color var(--duration-fast) var(--ease-smooth);cursor:pointer}.footer__link:hover{color:var(--color-accent-primary)}.footer__socials{display:flex;gap:var(--space-sm)}.footer__social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-tertiary);transition:all var(--duration-fast) var(--ease-smooth)}.footer__social-link:hover{color:var(--color-accent-primary);border-color:var(--color-accent-primary);transform:translateY(-2px)}.footer__bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md)}.footer__copyright,.footer__made{font-size:var(--text-xs);color:var(--color-text-muted)}.footer__heart{color:var(--color-accent-secondary)}.footer__legal-link{display:flex;align-items:center;gap:.4rem}.footer__legal-link svg{opacity:.6;transition:opacity var(--duration-fast) var(--ease-smooth)}.footer__legal-link:hover svg{opacity:1;color:var(--color-accent-primary)}.footer__bottom-links{display:flex;align-items:center;gap:var(--space-sm)}.footer__bottom-legal-link{font-size:var(--text-xs);color:var(--color-text-muted);text-decoration:none;transition:color var(--duration-fast) var(--ease-smooth)}.footer__bottom-legal-link:hover{color:var(--color-accent-primary)}.footer__bottom-divider{color:var(--color-text-muted);opacity:.4;font-size:var(--text-xs)}@media (max-width:768px){.footer__content{text-align:center}.footer__brand,.footer__content{flex-direction:column;align-items:center}.footer__brand{display:flex}.footer__links{align-items:center}.footer__bottom,.footer__legal-link{justify-content:center}.footer__bottom{flex-direction:column;text-align:center}.footer__bottom-links{justify-content:center}}