*{box-sizing:border-box;margin:0}body{background:#0b0b0d;color:#fff;font-family:'Permanent Marker',cursive}a{color:inherit;text-decoration:none}
.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.4rem 7%;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:.6rem;font-size:1.05rem}.brand img{width:30px;height:30px;border-radius:50%;object-fit:cover}
nav{display:flex;flex-wrap:wrap;gap:.3rem}nav a{padding:.35rem .6rem;border-radius:999px;font-size:.8rem;color:#ddd}nav a:hover{color:#c6f432}nav a.active{background:#c6f432;color:#111}
.hero{position:relative}.banner{display:block;width:100%;aspect-ratio:1024/210;object-fit:cover}
.bar{display:flex;align-items:center;gap:1.5rem;padding:0 7%;min-height:46px;border-bottom:1px solid #222}
.avatar{width:9.4vw;height:9.2vw;border:3px solid #c6f432;border-radius:8px;margin-top:-4.8vw;background:#c6f432;flex-shrink:0;object-fit:cover}
.bar p{font-size:1rem}
main{padding:2.5rem 7% 3rem}h1{font-size:2.2rem;margin-bottom:1.2rem}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.7rem,1.5vw,1.1rem);width:100%;margin:0 auto}
.btn{display:flex;align-items:center;min-height:clamp(56px,6vw,84px);padding:clamp(.7rem,1.4vw,1.1rem) clamp(1rem,2vw,1.5rem);border-radius:14px;border:1px solid;font-size:clamp(1.1rem,1.9vw,1.6rem);transition:transform .15s}.btn:hover{transform:translateY(-2px)}
.y{background:#2f3011;border-color:#c9cc4a}.g{background:#0f2e22;border-color:#3fc58a}.r{background:#3a0f16;border-color:#e0465a}
@media(max-width:760px){.nav{justify-content:center}nav{justify-content:center}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.7rem,1.5vw,1.1rem);width:100%;margin:0 auto}.bar{gap:1rem}.avatar{width:72px;height:72px;margin-top:-30px}.bar p{font-size:.85rem}}
@media(max-width:460px){.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.7rem,1.5vw,1.1rem);width:100%;margin:0 auto}h1{font-size:1.8rem}}
@media(max-width:899px){.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:559px){.grid{grid-template-columns:1fr}}