.header{height:var(--header-height);z-index:var(--z-sticky);transition:all var(--duration-normal) var(--ease-out);-webkit-backdrop-filter:blur(20px);background:#0a0a0a99;position:fixed;top:0;left:0;right:0}.header--scrolled{-webkit-backdrop-filter:blur(30px);background:#0a0a0ae0;border-bottom:1px solid #7ab06e1a;box-shadow:0 4px 30px #0000004d}.header--open{-webkit-backdrop-filter:blur(30px)!important;background:#0a0a0af5!important;border-bottom:none!important;height:100svh!important}.header__inner{justify-content:space-between;align-items:center;gap:var(--space-8);height:100%;display:flex}.header__logo{align-items:center;gap:var(--space-3);font-weight:var(--fw-bold);font-size:var(--fs-xl);color:#fff;transition:all var(--duration-fast) var(--ease-out);display:flex}.header__logo:hover{opacity:.85}.header__logo-img{border-radius:var(--radius-full);object-fit:cover}.header__logo-text-wrap{flex-direction:column;line-height:1.2;display:flex}.header__logo-text{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:#fff;font-family:var(--font-en);letter-spacing:.5px}.header__logo-sub{font-size:var(--fs-xs);color:#a8d89a80;font-weight:var(--fw-regular);font-family:var(--font-en)}.header__nav{align-items:center;gap:var(--space-1);display:flex}.header__nav-link{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:#ffffffb3;transition:all var(--duration-fast) var(--ease-out);position:relative}.header__nav-link:after{content:"";border-radius:var(--radius-full);width:0;height:2px;transition:width var(--duration-normal) var(--ease-out);background:#a8d89a;position:absolute;bottom:2px;right:50%;transform:translate(50%)}.header__nav-link:hover{color:#fff;background:#7ab06e1f}.header__nav-link:hover:after{width:60%}.header__auth-btn{font-size:var(--fs-sm);padding:var(--space-2) var(--space-4);color:#fff;border-color:#a8d89a66}.header__auth-btn:hover{background:#7ab06e26;border-color:#a8d89a99}.header__burger{padding:var(--space-2);cursor:pointer;z-index:calc(var(--z-overlay) + 1);flex-direction:column;gap:5px;display:none}.header__burger span{width:24px;height:2px;transition:all var(--duration-normal) var(--ease-out);transform-origin:50%;background:#fff;border-radius:2px;display:block}.header__burger--open span:first-child{transform:rotate(45deg)translate(5px,5px)}.header__burger--open span:nth-child(2){opacity:0;transform:scaleX(0)}.header__burger--open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.header__mobile{-webkit-backdrop-filter:blur(30px);z-index:var(--z-overlay);opacity:0;visibility:hidden;transition:all var(--duration-slow) var(--ease-out);background:#0a0a0af2;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.header__mobile--open{opacity:1;visibility:visible}.header__mobile-nav{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.header__mobile-link{font-size:var(--fs-xl);font-weight:var(--fw-medium);color:#fffc;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out);opacity:0;transform:translateY(20px)}.header__mobile--open .header__mobile-link{opacity:1;transform:translateY(0)}.header__mobile--open .header__mobile-link:first-child{transition-delay:50ms}.header__mobile--open .header__mobile-link:nth-child(2){transition-delay:.1s}.header__mobile--open .header__mobile-link:nth-child(3){transition-delay:.15s}.header__mobile--open .header__mobile-link:nth-child(4){transition-delay:.2s}.header__mobile--open .header__mobile-link:nth-child(5){transition-delay:.25s}.header__mobile--open .header__mobile-link:nth-child(6){transition-delay:.3s}.header__mobile--open .header__mobile-link:nth-child(7){transition-delay:.35s}.header__mobile--open .header__mobile-link:nth-child(8){transition-delay:.4s}.header__mobile-link:hover{color:#fff;background:#7ab06e26}.header__mobile-auth{margin-top:var(--space-4);opacity:0;transform:translateY(20px)}.header__mobile--open .header__mobile-auth{opacity:1;transition-delay:.45s;transform:translateY(0)}.header__actions{align-items:center;gap:var(--space-3);display:flex}.header__user{align-items:center;gap:var(--space-2);cursor:pointer;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);transition:background var(--duration-fast);display:flex;position:relative}.header__user:hover{background:#7ab06e1f}.header__user-avatar{border-radius:var(--radius-full);border:1px solid var(--green-400);background:#ffffff1a;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.header__avatar-img{object-fit:cover;width:100%;height:100%}.header__user-name{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:#ffffffd9}.header__dropdown{border-radius:var(--radius-lg);min-width:160px;padding:var(--space-2);margin-top:var(--space-2);animation:fadeUp var(--duration-fast) var(--ease-out);z-index:var(--z-dropdown);background:#1a1a1a;border:1px solid #7ab06e26;position:absolute;top:100%;left:0;box-shadow:0 12px 40px #00000080}.header__dropdown-item{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--fs-sm);color:#fff9;transition:all var(--duration-fast);text-align:right;width:100%;display:flex}.header__dropdown-item:hover{color:#a8d89a;background:#7ab06e1f}@media (max-width:1024px){.header__nav,.header__actions{display:none}.header__burger{display:flex}}
.footer{background:var(--green-950);color:var(--green-100);padding-top:var(--space-20)}.footer__inner{gap:var(--space-10);padding-bottom:var(--space-16);grid-template-columns:1.5fr 1fr 1fr 1fr;display:grid}.footer__logo{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.footer__logo-img{border-radius:var(--radius-full);object-fit:cover}.footer__logo-text{font-weight:var(--fw-bold);font-size:var(--fs-lg);color:var(--green-300);display:block}.footer__logo-sub{font-size:var(--fs-xs);color:var(--green-400);font-family:var(--font-en);display:block}.footer__about{font-size:var(--fs-sm);color:var(--green-200);line-height:var(--lh-relaxed);opacity:.8}.footer__title{font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--green-300);margin-bottom:var(--space-5);padding-bottom:var(--space-3);position:relative}.footer__title:after{content:"";background:var(--green-500);border-radius:var(--radius-full);width:40px;height:2px;position:absolute;bottom:0;right:0}.footer__links{gap:var(--space-3);flex-direction:column;display:flex}.footer__links a{font-size:var(--fs-sm);color:var(--green-200);opacity:.7;transition:all var(--duration-fast) var(--ease-out)}.footer__links a:hover{opacity:1;color:var(--green-300);padding-right:var(--space-2)}.footer__contact{gap:var(--space-4);flex-direction:column;display:flex}.footer__contact-item{align-items:center;gap:var(--space-3);font-size:var(--fs-sm);color:var(--green-200);opacity:.8;display:flex}.footer__contact-icon{font-size:var(--fs-lg)}.footer__social{gap:var(--space-3);display:flex}.footer__social-link{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);color:var(--green-300);font-size:var(--fs-sm);transition:all var(--duration-normal) var(--ease-out);background:#ffffff14;display:flex}.footer__social-link:hover{background:var(--green-600);color:var(--white);transform:translateY(-3px);box-shadow:0 4px 15px #5a8f504d}.footer__followers{margin-top:var(--space-3);font-size:var(--fs-xs);color:var(--green-400);opacity:.8}.footer__bottom{padding:var(--space-5) 0;border-top:1px solid #ffffff14}.footer__copyright{text-align:center;font-size:var(--fs-sm);color:var(--green-200);opacity:.5;margin-bottom:6px}.footer__credit{text-align:center;font-size:var(--fs-xs);color:#c8dcc359}.footer__credit a{color:#a8d89a99;text-decoration:none;transition:color .3s}.footer__credit a:hover{color:#a8d89a}@media (max-width:1024px){.footer__inner{grid-template-columns:1fr 1fr}}@media (max-width:768px){.footer__inner{gap:var(--space-6);grid-template-columns:1fr 1fr}.footer__col:first-child{text-align:center;grid-column:1/-1}.footer__bottom{text-align:center;flex-direction:column;gap:12px}}@media (max-width:640px){.footer__inner{gap:var(--space-8);text-align:center;grid-template-columns:1fr}.footer__col{text-align:center}}