*{box-sizing:border-box}body{margin:0;background:#0a1424;color:#f9f5e8;font:16px/1.65 system-ui,Arial}a{color:#f7cb55}header{background:#101e32;border-bottom:1px solid #786230;padding:15px 5vw;display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}header b{font-size:19px;color:#f7cb55}main{max-width:1100px;margin:auto;padding:30px 22px}h1{font-size:clamp(30px,5vw,55px);line-height:1.13;margin:0 0 16px;color:#ffd56c}h2{color:#ffd56c;margin-top:32px}img{max-width:100%;display:block}.hero{display:grid;grid-template-columns:minmax(190px,300px) 1fr;gap:32px;align-items:center}.portrait{aspect-ratio:4/5;object-fit:cover;border-radius:15px}.logo{background:white;max-width:470px;padding:12px;border-radius:10px}.tag{color:#f7cb55;font-weight:bold;letter-spacing:.07em;text-transform:uppercase;font-size:13px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.card{background:#14243b;border:1px solid #30435c;border-radius:14px;padding:22px}.btn{display:inline-block;padding:10px 16px;background:#f7cb55;color:#14243b;border-radius:8px;text-decoration:none;font-weight:bold}.note{color:#bed0dd;font-size:14px}audio{width:100%;max-width:500px}footer{padding:25px;text-align:center;color:#a9bbca;border-top:1px solid #30435c}@media(max-width:660px){.hero{grid-template-columns:1fr}.portrait{max-width:280px}}