@font-face {
        font-family: 'Poppins';
        src: url('/assets/font/Poppins-Regular.woff2') format('woff2');
        font-weight: 400;
        font-style: normal;
        font-display: swap;
    }
    
    @font-face {
        font-family: 'Poppins';
        src: url('/assets/font/Poppins-SemiBold.woff2') format('woff2');
        font-weight: 600;
        font-style: normal;
        font-display: swap;
    }
    
    @font-face {
        font-family: 'Poppins';
        src: url('/assets/font/Poppins-Bold.woff2') format('woff2');
        font-weight: 700;
        font-style: normal;
        font-display: swap;
    }
    
    :root {
        --bg: #0f172a;
        --card: #111827;
        --primary: #60a5fa;
        --secondary: #34d399;
        --muted: #c2cad6;
        --surface: rgba(15, 23, 42, 0.72);
        --surface-2: rgba(30, 41, 59, 0.62);
        --border: rgba(255, 255, 255, 0.08);
        --text: #e5e7eb;
        --muted: #94a3b8;
        --blue: #7dd3fc;
        --purple: #c084fc;
        --green: #6ee7b7;
        --shadow: 0 20px 50px rgba(0, 0, 0, 0.45);
        --radius-999: 999px;
        --radius-40: 40px;
        --radius-32: 32px;
        --radius-24: 24px;
        --radius-16: 16px;
        --radius-8: 8px;
    }
    
    * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
    }
    
    html {
        scroll-behavior: smooth;
    }
    
    body {
        font-family: 'Poppins', system-ui, -apple-system, sans-serif;
        min-height: 100vh;
        background: var(--bg);
        color: var(--text);
        line-height: 1.7;
        -webkit-tap-highlight-color: transparent;
    }
    
    body.lock {
        overflow: hidden;
        touch-action: none;
    }