.site-wrapper{display:flex;flex-direction:column;min-height:100vh}.site-main{flex:1}.site-header{position:sticky;top:0;z-index:var(--z-sticky)}.nav{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);transition:box-shadow var(--transition-normal)}.nav.scrolled{box-shadow:var(--shadow-md)}.nav__container{display:flex;align-items:center;justify-content:space-between;height:70px}.nav__brand{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);text-decoration:none;transition:color var(--transition-fast)}.nav__brand:hover{color:var(--accent-primary)}.nav__brand--active{color:var(--accent-primary)}.nav__menu{display:none;list-style:none;margin:0;padding:0;gap:var(--space-8)}@media(min-width:768px){.nav__menu{display:flex}}.nav__item{margin:0}.nav__link{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-decoration:none;padding:var(--space-2)0;position:relative;transition:color var(--transition-fast)}.nav__link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--accent-primary);transition:width var(--transition-normal)}.nav__link:hover{color:var(--text-primary)}.nav__link:hover::after{width:100%}.nav__link--active{color:var(--accent-primary)}.nav__link--active::after{width:100%}.nav__actions{display:flex;align-items:center;gap:var(--space-2)}.nav__toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;padding:var(--space-2);background:0 0;border:none;cursor:pointer;border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.nav__toggle:hover{background:var(--bg-tertiary)}@media(min-width:768px){.nav__toggle{display:none}}.nav__toggle-bar{width:20px;height:2px;background:var(--text-primary);border-radius:2px;transition:transform var(--transition-fast),opacity var(--transition-fast)}.nav__toggle-bar+.nav__toggle-bar{margin-top:5px}.nav__toggle[aria-expanded=true] .nav__toggle-bar:nth-child(1){transform:translateY(7px)rotate(45deg)}.nav__toggle[aria-expanded=true] .nav__toggle-bar:nth-child(2){opacity:0}.nav__toggle[aria-expanded=true] .nav__toggle-bar:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{position:fixed;inset:0;z-index:var(--z-modal);pointer-events:none;visibility:hidden}.mobile-menu.open{pointer-events:auto;visibility:visible}.mobile-menu__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5);opacity:0;transition:opacity var(--transition-normal)}.mobile-menu.open .mobile-menu__backdrop{opacity:1}.mobile-menu__panel{position:absolute;top:0;right:0;bottom:0;width:min(300px,80vw);background:var(--bg-primary);transform:translateX(100%);transition:transform var(--transition-normal);display:flex;flex-direction:column}.mobile-menu.open .mobile-menu__panel{transform:translateX(0)}.mobile-menu__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4)var(--space-6);border-bottom:1px solid var(--border-color)}.mobile-menu__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.mobile-menu__close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:0 0;border:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:color var(--transition-fast),background-color var(--transition-fast)}.mobile-menu__close:hover{color:var(--text-primary);background:var(--bg-tertiary)}.mobile-menu__nav{display:flex;flex-direction:column;padding:var(--space-4)0}.mobile-menu__link{display:block;padding:var(--space-4)var(--space-6);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast),background-color var(--transition-fast)}.mobile-menu__link:hover{color:var(--text-primary);background:var(--bg-secondary)}.mobile-menu__link--active{color:var(--accent-primary);background:var(--accent-light)}.site-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--space-12)0 var(--space-8);margin-top:auto}.footer__content{display:grid;grid-template-columns:1fr;gap:var(--space-8);text-align:center;margin-bottom:var(--space-8)}@media(min-width:640px){.footer__content{grid-template-columns:repeat(2,1fr);text-align:left}}.footer__section{display:flex;flex-direction:column;gap:var(--space-2)}@media(min-width:640px){.footer__section{align-items:flex-start}}@media(max-width:639px){.footer__section{align-items:center}}.footer__heading{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0}.footer__link{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.footer__link:hover{color:var(--accent-primary)}.footer__copyright{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding-top:var(--space-6);border-top:1px solid var(--border-color);color:var(--text-muted);font-size:var(--font-size-sm)}@media(min-width:640px){.footer__copyright{flex-direction:row;justify-content:center;gap:var(--space-4)}}.footer__license{display:flex;align-items:center;gap:var(--space-2)}.footer__license img{opacity:.7;transition:opacity var(--transition-fast)}.footer__license:hover img{opacity:1}.page-header{position:relative;background:var(--bg-primary);padding:var(--space-16)0;text-align:center;overflow:hidden}.page-header__canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}.page-header__overlay{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 0%,var(--bg-primary) 80%);z-index:1}.page-header__content{position:relative;z-index:2}.page-header__title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}[data-theme=dark] .page-header__title{text-shadow:0 0 30px rgba(0,217,255,.15)}@media(min-width:768px){.page-header__title{font-size:var(--font-size-5xl)}}.page-header__description{font-size:var(--font-size-lg);color:var(--text-secondary);margin-top:var(--space-4);max-width:600px;margin-left:auto;margin-right:auto}