:root{font:16px/1.6 system-ui,sans-serif;color:#e9eef7;background:#0c1321}*{box-sizing:border-box}body{margin:0}header,main{max-width:1520px;margin:auto;padding:24px}h1{font-size:clamp(26px,4vw,46px);line-height:1.15;margin:.2em 0}.eyebrow{letter-spacing:.16em;color:#6bd8ca;font-size:12px}p{max-width:900px;color:#bac7db}section{background:#151f31;border:1px solid #29364d;border-radius:12px;padding:22px;margin:20px 0}#controls{display:flex;gap:16px;flex-wrap:wrap;align-items:end}label{display:flex;flex-direction:column;gap:5px}select,button,textarea{font:inherit;border:1px solid #536887;background:#0e1829;color:#fff;border-radius:6px;padding:9px}button{cursor:pointer;background:#216757}button:hover{background:#297f6b}#preview-scroll{overflow:auto;background:#243046;border-radius:8px;padding:12px}iframe{display:block;border:0;width:1440px;height:900px;background:#fff;margin:auto}#ranks{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-bottom:20px}.rank-card img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:4px}.rank-card{padding:14px;border:1px solid #334360;border-radius:8px}textarea{min-height:90px;margin-bottom:16px}#validation{color:#ffd486}a{color:#8ee1d4}@media(max-width:600px){header,main{padding:14px}section{padding:14px}}