html,body{margin:0;padding:0;height:100vh;max-height:100vh;overflow:hidden;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}app-root{display:block;height:100vh;max-height:100vh;overflow:hidden}.layout{display:flex;flex-direction:column;min-height:100vh;color:#fff;background-image:linear-gradient(to bottom,#0006,#0009),url("./media/hero-bg-7ARKNOMI.jpg");background-size:cover;background-position:center;background-repeat:no-repeat}.header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem}.logo img{height:40px;width:auto;display:block}.logo-button{padding:0;margin:0;border:none;background:transparent;cursor:pointer}.nav-links{display:flex;align-items:center;gap:1.5rem}.nav-links a{color:#fff;text-decoration:none;font-size:.95rem;font-weight:500;letter-spacing:.03em}.nav-links a:hover,.nav-links a.active{text-decoration:underline}.hero{flex:1;display:flex;align-items:center;justify-content:center;padding:0 1.5rem 2.5rem;text-align:center}.hero-content{max-width:640px}.hero-content h1{margin:0 0 1rem;font-size:clamp(1.9rem,4vw,2.6rem);font-weight:600}.hero-content p{margin:0;font-size:clamp(.95rem,2.3vw,1.05rem);line-height:1.6}@media (min-width: 768px){.header{padding:1rem 3rem}.hero{padding:0 3rem 3rem}}