@layer base{body{flex-direction:column;min-height:100vh;margin:0;display:flex;gap:0;> *{padding:0}> main{flex:1;z-index:1;overflow:visible}}header{align-items:center;display:flex;gap:clamp(0.5em, 2vw, 1em);background:rgba(20, 20, 30, 0.95);backdrop-filter:blur(10px);padding:clamp(0.75em, 2vw, 1em) clamp(1em, 5vw, 3em);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:1000;min-height:70px;nav:last-of-type{margin-left:auto;justify-content:right}#menu-toggle{display:none}.menu-toggle-label{display:none}a{color:rgba(255, 255, 255, 0.85);font-size:clamp(0.9em, 2vw, 1em);transition:color 0.2s ease;&:hover{color:white}&[aria-current="page"]{color:white;font-weight:700}}.button{background:linear-gradient(135deg, var(--primary) 0%, #ff1980 100%);color:white;padding:clamp(0.4em, 1.5vw, 0.6em) clamp(1em, 3vw, 1.5em);border-radius:50px;font-weight:600;font-size:clamp(0.85em, 1.8vw, 1em);&:hover{color:white;transform:translateY(-2px);box-shadow:0 4px 15px rgba(228, 18, 111, 0.4)}}}footer{align-items:center;display:flex;flex-direction:column;gap:1.5em;padding:3em clamp(1em, 5vw, 3em) 2em;text-align:center;border-top:1px solid var(--border-color);background:rgba(10, 10, 15, 0.5);margin-top:0;.footer-partners{margin:0;max-width:800px;width:100%;img{width:100%;height:auto;display:block;opacity:0.7}}.footer-disclaimer{margin:0;color:var(--text-muted);font-size:clamp(0.85em, 2vw, 0.9em);max-width:600px;line-height:1.6}.footer-copyright{margin:0;color:var(--text-muted);font-size:0.9em}.footer-nav{margin:0;ul{display:flex;flex-wrap:wrap;gap:clamp(1em, 3vw, 2em);list-style:none;padding:0;margin:0;justify-content:center}li{margin:0}a{color:var(--text-secondary);text-decoration:none;font-size:clamp(0.85em, 2vw, 0.95em);transition:color 0.2s ease;&:hover{color:white;text-decoration:underline}}}}nav{align-items:center;display:flex;gap:2em;a{text-decoration:none;white-space:nowrap;&, &:visited{color:var(--text-secondary) !important}&[aria-current="page"]{font-weight:800;color:var(--text-primary) !important}}&:has(button){gap:.75em}}@media (max-width: 1200px){header{position:relative;nav:first-of-type{position:fixed;top:0;left:-100%;width:clamp(260px, 75vw, 320px);height:100vh;background:rgba(20, 20, 30, 0.98);backdrop-filter:blur(10px);flex-direction:column;align-items:flex-start;gap:0;padding:5rem 0 2rem;box-shadow:2px 0 20px rgba(0, 0, 0, 0.5);border-right:1px solid rgba(228, 18, 111, 0.2);transition:left 0.3s cubic-bezier(0.4, 0, 0.2, 1);z-index:1004;overflow-y:auto;a{width:100%;padding:clamp(0.875rem, 3vw, 1.125rem) clamp(1.5rem, 5vw, 2rem);border-bottom:1px solid rgba(255, 255, 255, 0.05);font-size:clamp(1rem, 4vw, 1.125rem);color:var(--text-secondary) !important;transition:all 0.2s ease;&:hover{background:rgba(228, 18, 111, 0.1);color:white !important;border-left:3px solid var(--primary)}&[aria-current="page"]{background:rgba(228, 18, 111, 0.15);color:white !important;border-left:3px solid var(--primary);font-weight:700}}.logo{padding:1rem clamp(1.5rem, 5vw, 2rem);border:0}}nav:last-of-type{position:fixed;top:1rem;right:1rem;z-index:1002;margin-left:0;gap:clamp(0.5rem, 2vw, 1rem);transition:z-index 0s 0.3s;a{font-size:clamp(0.875rem, 3.5vw, 1rem);padding:clamp(0.5rem, 2vw, 0.75rem) clamp(0.875rem, 3vw, 1.25rem)}}}header:has(#menu-toggle:checked) nav:first-of-type{left:0}header:has(#menu-toggle:checked) nav:last-of-type{z-index:1001;transition:z-index 0s}}}