:root{--deniz:#0E5C86;--deniz2:#08415F;--kum:#FFC845;--ak:#EAF7FF;--sol:#A9CFE3}
*{box-sizing:border-box;margin:0;padding:0}
body{background:linear-gradient(170deg,#0E5C86,#08415F 60%,#062E45);color:var(--ak);
  font:16px/1.65 ui-rounded,"SF Pro Rounded",Nunito,system-ui,-apple-system,"Segoe UI",sans-serif;
  min-height:100vh;padding:32px 20px 64px}
.kap{max-width:720px;margin:0 auto}
header{text-align:center;margin-bottom:40px}
h1{font-size:clamp(32px,7vw,46px);font-weight:900;letter-spacing:-.02em;line-height:1.05}
h1 b{display:block;color:var(--kum)}
.alt{color:var(--sol);font-size:14px;letter-spacing:.14em;text-transform:uppercase;margin-top:10px}
h2{font-size:20px;font-weight:800;color:var(--kum);margin:32px 0 10px}
h3{font-size:16px;font-weight:800;margin:20px 0 6px}
p,li{color:#D5EAF5}
ul{margin:8px 0 8px 22px}li{margin:5px 0}
a{color:var(--kum)}
.kart{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);
  border-radius:16px;padding:20px 22px;margin:16px 0}
.sss dt{font-weight:800;margin-top:16px;color:#fff}
.sss dd{margin:4px 0 0 0;color:#C6E2EF}
footer{margin-top:48px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14);
  text-align:center;color:var(--sol);font-size:13px}
.dugme{display:inline-block;background:var(--kum);color:#5A3B00;font-weight:800;
  padding:12px 24px;border-radius:99px;text-decoration:none;margin-top:8px}
code{background:rgba(0,0,0,.28);padding:2px 6px;border-radius:5px;font-size:14px}
