.header-nav-container{flex:1;display:flex;justify-content:flex-end;align-items:center;gap:1rem}.content-layout-nav{display:flex;gap:var(--spacing-lg);font-size:var(--font-size-sm)}.content-layout-nav a{color:var(--text-secondary);text-decoration:none;transition:color .15s;position:relative}.content-layout-nav a:hover{color:var(--text-primary)}.content-layout-nav a.active{color:var(--accent);font-weight:var(--font-weight-medium)}.hero{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));padding:var(--spacing-2xl) var(--spacing-lg);text-align:center;border-bottom:1px solid var(--border);position:relative;overflow:hidden}.hero>*{max-width:var(--max-content-width);margin-left:auto;margin-right:auto}.hero:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,var(--accent) 0%,transparent 70%);opacity:.03;pointer-events:none}.hero-badge{display:inline-block;font-size:var(--font-size-2xs);color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-weight:600;margin-bottom:var(--spacing-lg);padding:0 var(--spacing-md);position:relative}.hero-badge:before,.hero-badge:after{content:"";position:absolute;top:50%;width:60px;height:1px;background:var(--accent);opacity:.3}.hero-badge:before{right:100%;margin-right:var(--spacing-md)}.hero-badge:after{left:100%;margin-left:var(--spacing-md)}.hero-subtitle{font-size:var(--font-size-md);color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.hero-stats{display:flex;justify-content:center;gap:var(--spacing-2xl);margin-top:var(--spacing-2xl)}.hero-stat{text-align:center}.hero-stat-value{font-size:var(--font-size-xl);font-weight:600;color:var(--accent);letter-spacing:-.02em}.hero-stat-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--spacing-xs)}.hero h1{font-size:var(--font-size-3xl);font-weight:300;letter-spacing:-.04em;margin-bottom:var(--spacing-base);line-height:1.1;color:var(--text-primary)}.hero p{font-size:var(--font-size-md);color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.section{margin-bottom:var(--spacing-xl)}.section-header{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border);color:var(--text-primary)}.content-grid{display:grid;gap:var(--spacing-lg)}.content-grid.cols-2{grid-template-columns:repeat(2,1fr)}.content-grid.cols-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 768px){.content-grid.cols-2,.content-grid.cols-3{grid-template-columns:1fr}}.content-card{background:var(--bg-secondary);border:1px solid var(--border);padding:var(--spacing-lg);transition:all .2s}.content-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 2px 8px #00000014}.page-container.content-page{--max-content-width: 1024px}.hamburger-menu{display:none;flex-direction:column;justify-content:center;align-items:center;width:32px;height:32px;background:none;border:none;cursor:pointer;padding:0;z-index:200}.hamburger-line{width:24px;height:2px;background:var(--text-secondary);margin:3px 0;transition:all .3s;display:block}.hamburger-line.open:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media (max-width: 768px){.hero{padding:var(--spacing-xl) var(--spacing-base)}.hero h1{font-size:var(--font-size-2xl)}.hero p,.hero-subtitle{font-size:var(--font-size-base)}.content-layout-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--bg-secondary);border-top:1px solid var(--border);box-shadow:var(--shadow-lg);padding:0;gap:0}.content-layout-nav.open{display:flex}.content-layout-nav a{padding:var(--spacing-base) var(--spacing-xl);border-bottom:1px solid var(--border);width:100%}.content-layout-nav a:hover{background:var(--bg-hover)}.hamburger-menu{display:flex}.header-nav-container{position:relative}.hero-title{font-size:var(--font-size-xl)}.hero-subtitle{font-size:var(--font-size-base)}.hero-stats{gap:var(--spacing-lg)}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:100}.modal-backdrop.active{display:flex}.auth-modal{background:var(--bg-secondary);border:1px solid var(--border);max-width:420px;width:90%;max-height:90vh;overflow-y:auto;position:relative}.modal-close{position:absolute;top:20px;right:20px;cursor:pointer;opacity:.6;background:none;border:none;padding:0;color:var(--text-primary);font-size:24px;line-height:1;z-index:1}.modal-close:hover{opacity:1}@media (max-width: 640px){.auth-modal{width:95%;max-width:100%}}@media (prefers-color-scheme: dark){.auth-modal{background:var(--bg-secondary);border-color:var(--border)}}.auth-guard-container{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:2rem}.auth-guard-content{max-width:600px;text-align:center}.auth-guard-content h1{font-size:2.5rem;margin-bottom:1rem;color:var(--text-primary)}.auth-guard-content p{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem}.auth-guard-info{background:var(--bg-secondary);border-radius:8px;padding:1.5rem;margin:2rem 0;text-align:left}.auth-guard-info h3{font-size:1.125rem;margin-bottom:1rem;color:var(--text-primary)}.auth-guard-info ul{list-style:none;padding:0}.auth-guard-info li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:var(--text-secondary)}.auth-guard-info li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:700}.auth-guard-actions{margin-top:2rem}.btn-primary{background:var(--accent);color:#fff;border:none;padding:.75rem 2rem;border-radius:6px;font-size:1rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:opacity .2s}.btn-primary:hover:not(:disabled){opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.auth-guard-note{margin-top:1rem;font-size:.875rem;color:var(--text-secondary);font-style:italic}