@layer components{.footer{padding-block:var(--space-xl);padding-inline:var(--space-l);background-color:var(--color-surface);border-top:1px solid var(--color-border);text-align:center;& .footer__content{max-width:1200px;margin-inline:auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-m);@media(max-width:768px){flex-direction: column; gap: var(--space-s);}}& .footer__copyright{font-size:var(--size-step-0);color:var(--color-text-muted);display:flex;align-items:center;gap:.5rem}& .footer__logo{width:18px;height:14px;flex-shrink:0;opacity:.5}& .footer__links{display:flex;gap:var(--space-m);list-style:none;padding:0;@media(max-width:768px){justify-content: center; flex-wrap: wrap;}& a{color:var(--color-text);text-decoration:none;transition:color .3s ease;&:hover{color:var(--color-accent)}}}& .footer__social{display:flex;align-items:center;gap:var(--space-s);& .footer__social-link{display:flex;color:var(--color-text-muted);transition:color .3s ease;&:hover{color:var(--color-accent)}}}& .footer__egg{font-size:.7rem;opacity:.1;cursor:default;transition:opacity 2s ease,transform 1s ease;&:hover{opacity:1;transform:scale(1.1);color:var(--color-accent)}}}}