.frontend-header{height:68px;background:rgba(255,255,255,.72);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);position:sticky;top:0;z-index:1000}[data-theme="dark"] .frontend-header{background:rgba(17,23,38,.72)}.frontend-header::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(99,91,255,.3),transparent)}.frontend-nav{display:flex;align-items:center;gap:var(--space-5)}.frontend-nav>a{color:var(--color-text-secondary);font-size:14px;font-weight:500;text-decoration:none;position:relative;transition:all 180ms ease}.frontend-nav>a::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--gradient-primary);border-radius:999px;transform:scaleX(0);transition:transform 200ms ease}.frontend-nav>a:hover{color:var(--color-primary)}.frontend-nav>a:hover::after{transform:scaleX(1)}.nav-dropdown{position:relative;display:inline-block}.nav-dropdown-trigger{display:inline-flex;align-items:center;gap:4px;cursor:pointer;padding:6px 0;color:var(--color-text-secondary);font-weight:500;font-size:14px;transition:color 180ms ease}.nav-dropdown-trigger:hover{color:var(--color-primary)}.nav-dropdown-menu{position:absolute;top:100%;left:0;margin-top:6px;background:var(--color-surface-elevated,#fff);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 14px 36px var(--color-shadow-strong,rgba(0,0,0,.12));padding:8px 0;min-width:180px;display:none;z-index:500;backdrop-filter:blur(12px)}.nav-dropdown:hover .nav-dropdown-menu{display:block;animation:fadeIn 150ms ease-out}.nav-dropdown-item{display:block;padding:8px 18px;color:var(--color-text-primary)!important;font-size:13px!important;font-weight:500!important;white-space:nowrap;transition:all 150ms ease}.nav-dropdown-item:hover{background:rgba(99,91,255,.08);color:var(--color-primary)!important;padding-left:22px}@keyframes fadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.frontend-hero{padding:80px var(--space-6) 64px;border-bottom:1px solid var(--color-border);text-align:center;position:relative;overflow:hidden}.frontend-hero::before{content:'';position:absolute;top:-50%;left:-20%;width:140%;height:200%;background:radial-gradient(ellipse 60% 50% at 30% 40%,rgba(99,91,255,.12) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 70% 60%,rgba(124,58,237,.1) 0%,transparent 60%),radial-gradient(ellipse 40% 30% at 50% 20%,rgba(128,233,255,.08) 0%,transparent 60%);animation:aurora-drift 15s ease-in-out infinite alternate;pointer-events:none;z-index:0}[data-theme="dark"] .frontend-hero::before{background:radial-gradient(ellipse 60% 50% at 30% 40%,rgba(99,91,255,.2) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 70% 60%,rgba(124,58,237,.15) 0%,transparent 60%),radial-gradient(ellipse 40% 30% at 50% 20%,rgba(128,233,255,.1) 0%,transparent 60%)}.frontend-hero::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(99,91,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(99,91,255,.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}[data-theme="dark"] .frontend-hero::after{background-image:linear-gradient(rgba(99,91,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(99,91,255,.05) 1px,transparent 1px)}.frontend-hero>*{position:relative;z-index:1}@keyframes aurora-drift{0%{transform:translate(0,0) rotate(0deg)}100%{transform:translate(5%,-3%) rotate(2deg)}}.frontend-container{max-width:1280px;margin:0 auto;padding:var(--space-6);box-sizing:border-box;position:relative;z-index:1}.frontend-footer{padding:var(--space-8) var(--space-6);background:var(--color-surface);border-top:1px solid var(--color-border);text-align:center;color:var(--color-text-tertiary);font-size:13px;margin-top:var(--space-8);position:relative;overflow:hidden}.frontend-footer::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(99,91,255,.4),transparent)}@media (max-width:900px){.frontend-nav{flex-wrap:wrap;gap:var(--space-3)}}@media (max-width:640px){.frontend-header{height:auto;padding:var(--space-3) var(--space-4);flex-wrap:wrap;gap:var(--space-2)}.frontend-nav{width:100%;justify-content:center}.frontend-hero{padding:48px var(--space-4) 40px}.frontend-container{padding:var(--space-4)}}