.header{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:var(--white);padding:var(--space-lg) 0;box-shadow:var(--shadow-lg);position:sticky;top:0;z-index:var(--z-sticky);}.header .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-lg);}.header__brand{flex:1;min-width:250px;}.header__title{font-size:1.875rem;font-weight:800;margin-bottom:var(--space-xs);display:flex;align-items:center;gap:var(--space-sm);}.header__icon{font-size:2rem;animation:bounce 2s infinite;}.header__subtitle{font-size:0.875rem;opacity:0.9;font-weight:400;}.header__nav{display:flex;gap:var(--space-sm);flex-wrap:wrap;}.nav-btn{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);color:var(--white);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:0.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-xs);backdrop-filter:blur(10px);}.nav-btn:hover{background:rgba(255,255,255,0.2);transform:translateY(-1px);}.nav-btn.active,.nav-btn--active{background:var(--white);color:var(--primary-color);}.nav-btn__icon{font-size:1rem;}.main{padding:var(--space-2xl) 0;min-height:calc(100vh - 200px);}.main .section{display:none;}.main .section--active{display:block;animation:fadeIn 0.3s ease-in-out;}.section__title{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-xl);display:flex;align-items:center;gap:var(--space-sm);color:var(--text-primary);}.section__icon{font-size:1.75rem;}.main .container .section{display:none !important;}.main .container .section--active{display:block !important;animation:fadeIn 0.3s ease-in-out;}.main .container #generator.section--active{display:block !important;}.section{display:none !important;}.section--active{display:block !important;animation:fadeIn 0.3s ease-in-out;}.footer{background:var(--gray-800);color:var(--white);padding:var(--space-xl) 0;margin-top:var(--space-3xl);}[data-theme="dark"] .footer{background:var(--gray-900);}.footer__content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-lg);}.footer__info p{margin-bottom:var(--space-xs);font-size:0.875rem;}.footer__stats{opacity:0.8;}.footer__stat{display:inline-flex;align-items:center;gap:var(--space-xs);}.footer__stat-icon{font-size:1rem;}.footer__links{display:flex;gap:var(--space-lg);}.footer__link{color:var(--white);text-decoration:none;font-size:0.875rem;opacity:0.8;transition:opacity var(--transition-fast);}.footer__link:hover{opacity:1;}