html,body,#app{margin:0;padding:0}.app-wrapper{background:radial-gradient(circle at 15% 20%,#46d1b329,#0000 30%),radial-gradient(circle at 85% 15%,#6ea8ff2e,#0000 22%),linear-gradient(160deg,#0e131b 0%,#0b0f15 45%,#080b10 100%);flex-direction:column;min-height:100vh;display:flex}.app-header{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#161c26f2,#10151de6);border-bottom:1px solid #ffffff14;position:sticky;top:0;box-shadow:0 4px 20px #00000040,inset 0 1px #ffffff0a}.header-content{justify-content:space-between;align-items:center;gap:24px;width:100%;max-width:1600px;height:80px;margin:0 auto;padding:0 clamp(20px,4vw,40px);display:flex}.header-title{flex:none}.header-title h1{letter-spacing:.02em;text-transform:uppercase;color:#ecf2f6;margin:0;font-family:Candara,Century Gothic,sans-serif;font-size:24px;font-weight:700}.header-nav{align-items:center;gap:12px;display:flex}.nav-button{color:#9aa6b2;letter-spacing:.04em;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;justify-content:center;align-items:center;min-height:44px;padding:12px 24px;font-family:Candara,Century Gothic,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s,transform .15s;display:inline-flex}.nav-button:hover{color:#ecf2f6;background:#ffffff14;border-color:#ffffff29;transform:translateY(-1px)}.nav-button.is-active{color:#46d1b3;background:#46d1b31f;border-color:#46d1b352}.nav-button.is-active:hover{background:#46d1b32e;border-color:#46d1b37a}@media (width<=720px){.header-content{height:70px;padding:0 16px}.header-title h1{font-size:20px}.nav-button{padding:10px 18px;font-size:13px}}