body{
 margin:0;
 font-family:Arial, Helvetica, sans-serif;
 background:#0b1020;
 color:#ffffff;
}

header{
 background:#0b1020;
 padding:20px;
 border-bottom:1px solid #00f0ff;
 text-align:center;
}

header h1{
 margin:0;
 color:#00f0ff;
}

header p{
 margin:5px 0 0;
 color:#aaa;
}

main{
 max-width:1100px;
 margin:auto;
 padding:40px 20px;
}

.intro{
 text-align:center;
 margin-bottom:40px;
}

.intro h2{
 margin-bottom:10px;
}

.intro p{
 color:#ccc;
}

.grid{
 display:grid;
 grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
 gap:25px;
}

.card{
 background:#111a3a;
 padding:25px;
 border-radius:14px;
 text-align:center;
 box-shadow:0 0 10px rgba(0,255,255,0.10);
 transition:transform 0.25s ease, box-shadow 0.25s ease, border 0.25s ease;
 border:1px solid rgba(0,240,255,0.15);
}

.card:hover{
 transform:translateY(-4px);
 box-shadow:0 0 18px rgba(0,240,255,0.35);
 border:1px solid rgba(0,240,255,0.6);
 background:#111a3a;
}

.card a{
 color:#00f0ff;
 text-decoration:none;
 font-size:18px;
 font-weight:bold;
 transition:color 0.25s ease;
}

.card:hover a{
 color:#ffffff;
}

.card small{
 display:block;
 margin-top:8px;
 color:#aaa;
 font-size:13px;
}

footer{
 background:#0b1020;
 border-top:1px solid #00f0ff;
 padding:20px;
 text-align:center;
 color:#aaa;
 font-size:13px;
}
.cosqen-float{
 position:fixed;
 right:20px;
 top:50%;
 transform:translateY(-50%);
 background:#111a3a;
 border:1px solid rgba(0,240,255,0.5);
 border-radius:14px;
 padding:14px 16px;
 width:160px;
 text-align:center;
 box-shadow:0 0 20px rgba(0,255,255,0.25);
 z-index:999;
 transition:0.3s;
}

.cosqen-float:hover{
 box-shadow:0 0 30px rgba(0,255,255,0.45);
 transform:translateY(-50%) scale(1.05);
}

.cosqen-float a{
 text-decoration:none;
 color:#00f0ff;
 display:block;
}

.cosqen-float strong{
 font-size:18px;
 display:block;
 margin-bottom:4px;
}

.cosqen-float span{
 display:block;
 font-size:13px;
 color:#ffffff;
 margin-bottom:4px;
}

.cosqen-float small{
 font-size:11px;
 color:#aaa;
}

/* Mobilde gizle */
@media(max-width:900px){
 .cosqen-float{
   display:none;
 }
}