@font-face{font-family:v;src:url(font.woff2)}*{box-sizing:border-box}body{margin:0;background:#0b0d1b;color:#f4efff;font-family:v,sans-serif;line-height:1.9}main,header,footer{max-width:1200px;margin:auto;padding:28px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #34304c}header img{width:48px;vertical-align:middle;margin-left:12px}a{color:#89e3ef;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible{outline:3px solid #69e4e8;outline-offset:5px}h1{font-size:clamp(32px,5vw,60px);margin:20px 0}h2{font-size:25px;margin:10px 0}p{color:#bbb9d2;font-size:18px}.hero{padding:35px 0 50px}.tag{color:#df9cef;font-size:15px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}article,.intro{border:1px solid #413652;border-radius:22px;padding:28px;background:#151528}.intro{margin:25px 0}.links{display:flex;gap:18px;flex-wrap:wrap}.primary{display:inline-block;background:linear-gradient(110deg,#8d46d2,#c536bd);color:white;padding:12px 22px;border-radius:12px;margin:8px 0}footer{color:#a29dbb;font-size:15px}.note{padding:18px;border-right:3px solid #54c9d8;background:#111f2c;border-radius:8px}@media(max-width:650px){.grid{grid-template-columns:1fr}main,header,footer{padding:18px}article{padding:22px}h2{font-size:23px}.links{gap:12px}header{flex-wrap:wrap;gap:12px}}