@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&display=swap');

body {
    font-family: 'Inter', sans-serif;
    background: #fdfdfd;
    background-image: radial-gradient(at 0% 0%, hsla(253,16%,95%,1) 0, transparent 50%),
                      radial-gradient(at 100% 100%, hsla(225,39%,95%,1) 0, transparent 50%);
    overflow-x: hidden;
    cursor: none; /* Özel imleç için varsayılanı gizle */
    scroll-behavior: smooth;
}

/* Izgara Arka Plan */
.grid-bg {
    position: fixed;
    top: 0; left: 0; width: 100vw; height: 100vh;
    background-size: 50px 50px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.03) 1px, transparent 1px),
                      linear-gradient(to bottom, rgba(0, 0, 0, 0.03) 1px, transparent 1px);
    z-index: -2;
    pointer-events: none;
}

/* Özel İmleç */
.cursor {
    width: 12px; height: 12px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    position: fixed; pointer-events: none;
    z-index: 9999;
    transform: translate(-50%, -50%);
    transition: width 0.3s ease, height 0.3s ease, background 0.3s ease, border 0.3s ease;
    display: flex; align-items: center; justify-content: center;
    font-size: 10px; font-weight: 600; color: transparent; letter-spacing: 1px;
}

.cursor.hovered {
    width: 85px; height: 85px;
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.8);
    color: #000;
}

/* Cam Efektleri */
.glass-nav {
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.6);
}

.glass-card {
    background: linear-gradient(135deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.4) 100%);
    backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255,255,255,0.9);
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.04);
}

/* Lüks Tipografi */
.text-outline {
    color: transparent;
    -webkit-text-stroke: 1.5px #111;
}

.text-glass {
    color: transparent;
    -webkit-text-stroke: 1px rgba(0,0,0,0.1);
    background: linear-gradient(90deg, #aaa, #333);
    -webkit-background-clip: text;
}

/* GitHub Matrix Animasyonu */
.github-matrix-container {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%) rotate(-10deg) scale(1.5);
    z-index: -1;
    opacity: 0.3;
    mask-image: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 60%);
    -webkit-mask-image: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 60%);
    pointer-events: none;
}

.gh-grid {
    display: grid;
    grid-template-rows: repeat(7, 1fr);
    grid-auto-flow: column;
    gap: 6px;
}

.gh-cell {
    width: 14px; height: 14px; border-radius: 3px;
    transition: background-color 0.8s ease; 
    background-color: rgba(0, 0, 0, 0.03); 
}

.gh-cell[data-level="1"] { background-color: #e9d5ff; } 
.gh-cell[data-level="2"] { background-color: #c084fc; } 
.gh-cell[data-level="3"] { background-color: #9333ea; } 
.gh-cell[data-level="4"] { background-color: #581c87; }