body{overflow:auto;background:radial-gradient(1200px 600px at 20% -10%,rgba(122,240,200,.16),transparent 60%),radial-gradient(900px 500px at 90% 10%,rgba(255,209,102,.14),transparent 60%),var(--zemin)}.giris{max-width:920px;margin:0 auto;padding:12vh 24px 80px}.giris h1{font-size:clamp(2.4rem,7vw,4rem);letter-spacing:-.02em}.slogan{margin-top:16px;font-size:clamp(1rem,2.4vw,1.25rem);color:var(--metin-soluk);line-height:1.6}.kartlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:40px 0}.kart{display:block;padding:24px;border-radius:var(--yuvarlak);background:var(--zemin-2);border:1px solid var(--cizgi);text-decoration:none;color:var(--metin);transition:transform .15s ease,border-color .15s ease}.kart:hover{transform:translateY(-3px);border-color:var(--oyuncu)}.kart.birincil{border-color:#7af0c880;background:linear-gradient(180deg,rgba(122,240,200,.12),var(--zemin-2))}.kart .ikon{display:block;font-size:2rem;margin-bottom:10px}.kart strong{display:block;font-size:1.25rem;margin-bottom:8px}.kart .aciklama{color:var(--metin-soluk);line-height:1.5}.nasil{border-top:1px solid var(--cizgi);padding-top:32px}.nasil h2{font-size:1.3rem;margin-bottom:16px}.nasil ol{padding-left:20px;line-height:1.9;color:var(--metin-soluk)}.nasil ol b{color:var(--metin)}.not{margin-top:20px;padding:14px 18px;border-radius:12px;background:var(--zemin-2);color:var(--metin-soluk);font-size:.95rem;line-height:1.6}