.kos{max-width:1100px;margin:25px auto;background:#101423;color:#f5f7ff;padding:25px;border-radius:18px;font-family:system-ui,sans-serif}.kos *{box-sizing:border-box}.kos-hero{background:linear-gradient(125deg,#27345b,#171725);padding:35px;border-radius:16px}.kos h1{font-size:clamp(30px,5vw,56px);line-height:1.1;color:white}.kos h2,.kos h3{color:white}.kos p{line-height:1.65}.kos a{color:#80e9dd}.kos-btn{display:inline-block;padding:13px 18px;background:#60e6da;color:#111827!important;border-radius:9px;text-decoration:none;font-weight:700;margin:6px}.kos-btn.ghost{background:transparent;color:white!important;border:1px solid #889}.kos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin:24px 0}.kos-grid article,.kos-card{background:#1d253a;border:1px solid #424b67;border-radius:12px;padding:18px;margin:12px 0}.kos-nav{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.kos-nav button,.kos-copy{padding:10px 13px;background:#dce4fc;border:0;border-radius:7px;cursor:pointer}.kos-copy{background:#60e6da}.kos select{padding:10px;background:white;color:black;border-radius:6px}.kos-card h3{margin-top:0}@media(max-width:600px){.kos{padding:12px}.kos-hero{padding:20px}}