*{box-sizing:border-box}
body{
 margin:0;
 min-height:100vh;
 background:#090909;
 color:#fff;
 font-family:Arial,Helvetica,sans-serif;
}
.top{
 position:sticky;
 top:0;
 z-index:5;
 display:flex;
 justify-content:space-between;
 align-items:center;
 padding:18px 30px;
 background:rgba(0,0,0,.75);
 backdrop-filter:blur(8px);
 border-bottom:1px solid #222;
}
.ticker{
 font-weight:900;
 font-size:22px;
}
nav{
 display:flex;
 gap:12px;
}
a{
 color:#fff;
 text-decoration:none;
 border:1px solid #444;
 padding:12px 18px;
 cursor:pointer;
 transition:.25s;
}
a:hover{
 background:#fff;
 color:#000;
}
.hero{
 min-height:calc(100vh - 80px);
 display:flex;
 flex-direction:column;
 align-items:center;
 justify-content:center;
 gap:22px;
 padding:40px 20px;
}
.image-wrap{
 width:min(520px,90vw);
 aspect-ratio:1;
 overflow:hidden;
 border:1px solid #333;
 box-shadow:0 0 50px rgba(255,190,80,.15);
}
.image-wrap img{
 width:100%;
 height:100%;
 object-fit:cover;
}
h1{
 margin:0;
 font-size:clamp(48px,8vw,90px);
 letter-spacing:-3px;
}
p{
 margin:0;
 font-size:28px;
 color:#aaa;
}
.links{
 display:flex;
 flex-wrap:wrap;
 justify-content:center;
 gap:12px;
}
.ca{
 border:1px solid #333;
 padding:15px 20px;
 color:#aaa;
}
@media(max-width:700px){
 .top{flex-direction:column;gap:15px}
 nav{flex-wrap:wrap;justify-content:center}
}