*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,sans-serif;min-height:100vh;display:flex;flex-direction:column}header{padding:1.5rem 2rem;border-bottom:1px solid #e5e5e5}.header-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.25rem;font-weight:600;letter-spacing:.02em}nav a{margin-left:2rem;text-decoration:none;color:inherit;font-size:.95rem}nav a:hover{text-decoration:underline}main{flex:1}#hero{position:relative;min-height:56vh;display:flex;align-items:flex-end;padding:3rem 2rem;background:linear-gradient(180deg,#14100c14,#14100c9e),url(/screenshots/lake-sunset.jpg) center 60% / cover no-repeat}#hero-inner{max-width:1200px;margin:0 auto;width:100%}#hero h1{font-size:clamp(2rem,5vw,4rem);font-weight:300;letter-spacing:.04em;color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.35)}#hero p{margin-top:.75rem;font-size:clamp(1rem,2vw,1.25rem);color:#ffffffe6;text-shadow:0 2px 16px rgba(0,0,0,.35)}#hero .btn{display:inline-block;margin-top:1.75rem;padding:.85rem 1.5rem;background:#fff;color:#1e1a16;text-decoration:none;border-radius:8px;font-size:.95rem;font-weight:600}#hero .btn:hover{background:#c2785a;color:#fff}footer{padding:1.5rem 2rem;text-align:center;font-size:.85rem;color:#666;border-top:1px solid #e5e5e5}