/* assets/css/reset.css */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800;900&family=Space+Grotesk:wght@400;500;700&display=swap');

:root {
    --bg-base: #030305;
    --bg-glass: rgba(15, 15, 20, 0.4);
    --border-glass: rgba(255, 255, 255, 0.05);
    --text-main: #f0f0f5;
    --text-muted: #8a8a9a;
    --accent-1: #00f0ff; /* Neon Cyan */
    --accent-2: #7000ff; /* Neon Purple */
    --accent-3: #ff0055; /* Neon Pink */
    --font-heading: 'Outfit', sans-serif;
    --font-body: 'Space Grotesk', sans-serif;
    --container-width: 1500px;
    --transition-smooth: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    cursor: none; /* Custom cursor */
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

body {
    background-color: var(--bg-base);
    color: var(--text-main);
    font-family: var(--font-body);
    overflow-x: hidden;
    line-height: 1.6;
    width: 100vw;
    position: relative;
}

::selection {
    background: var(--accent-2);
    color: #fff;
}

::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--bg-base); }
::-webkit-scrollbar-thumb { background: linear-gradient(to bottom, var(--accent-1), var(--accent-2)); border-radius: 4px; }

h1, h2, h3, h4, h5, h6 { font-family: var(--font-heading); line-height: 1.2; font-weight: 800; }
a { text-decoration: none; color: inherit; }
ul { list-style: none; }
button, input, textarea { font-family: var(--font-body); border: none; outline: none; }