:root {
    /* Surfaces */
    --bg-deep: #0a0a1f;
    --bg-deep-2: #12122e;
    --glass: rgba(255, 255, 255, 0.06);
    --glass-strong: rgba(255, 255, 255, 0.10);
    --stroke: rgba(255, 255, 255, 0.14);
    --stroke-soft: rgba(255, 255, 255, 0.08);
    /* Neon accents */
    --neon-purple: #7c3aed;
    --neon-violet: #a78bfa;
    --neon-rose: #f43f5e;
    --neon-cyan: #22d3ee;
    --neon-green: #39ff14;
    /* Text */
    --text: #eef1f8;
    --text-muted: #9aa3bd;
    /* Motion */
    --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}

* { -webkit-tap-highlight-color: transparent; }

html, body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
    /* iOS safe area: tüm ekranı kapla, notch/home indicator boşluk bırakmasın */
    padding-top: env(safe-area-inset-top);
    padding-bottom: env(safe-area-inset-bottom);
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
    box-sizing: border-box;
    touch-action: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: 'Montserrat', -apple-system, 'Segoe UI', Arial, sans-serif;
    color: var(--text);
    background:
        radial-gradient(120% 80% at 15% 0%, rgba(124, 58, 237, 0.28) 0%, transparent 55%),
        radial-gradient(120% 80% at 85% 100%, rgba(244, 63, 94, 0.22) 0%, transparent 55%),
        radial-gradient(100% 60% at 50% 50%, rgba(34, 211, 238, 0.10) 0%, transparent 60%),
        linear-gradient(160deg, var(--bg-deep) 0%, var(--bg-deep-2) 100%);
}