/* Kaypin metal test (sadece zemin + üst kısım). Kapatmak için index.html'deki link satırını sil */
body{background:
 radial-gradient(900px 500px at 15% -5%,#0965e924,transparent 70%),
 radial-gradient(700px 500px at 100% 30%,#2f8dc714,transparent 70%),
 radial-gradient(800px 600px at 50% 110%,#0965e912,transparent 70%),
 linear-gradient(160deg,#20232a 0%,#1c1e22 40%,#1a1c20 70%,#1f2228 100%);background-attachment:fixed}
.hdr{background:
 repeating-linear-gradient(90deg,#ffffff03 0 1px,transparent 1px 3px),
 linear-gradient(180deg,#323740 0%,#2b2f36 40%,#23262c 100%);
 box-shadow:inset 0 1px 0 #ffffff1c,0 1px 0 #0965e933,0 6px 20px #0006;overflow:hidden}
.hdr::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#ffffff40 30%,#7fb2ff66 50%,#ffffff40 70%,transparent);pointer-events:none}
.hdr::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 42%,#ffffff0d 50%,transparent 58%);background-size:250% 100%;animation:ksh 9s ease-in-out infinite}
@keyframes ksh{0%{background-position:150% 0}60%,100%{background-position:-50% 0}}
.util{background:linear-gradient(180deg,#1f2227,#25282e)}
.ftr{background:linear-gradient(180deg,#25282e,#1d1f24);box-shadow:inset 0 1px 0 #ffffff12}
@media(prefers-reduced-motion:reduce){.hdr::after{animation:none}}