html { scroll-behavior: smooth; }
        body { 
            font-family: 'Inter', sans-serif; 
            color: white; 
            position: relative; 
            overflow-x: hidden;
            background: #0a0a0a url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" opacity="0.05"><path d="M500,200 A50,50 0 0 1 550,250 A50,50 0 0 1 500,300 A50,50 0 0 1 450,250 A50,50 0 0 1 500,200" fill="none" stroke="%236C63FF" stroke-width="20"/><path d="M200,400 Q300,350 400,400 T600,400" fill="none" stroke="%23FF6584" stroke-width="15"/><circle cx="700" cy="600" r="30" fill="%2300D4FF"/></svg>') repeat;
        }
        .chinese { font-family: 'Noto Sans SC', sans-serif; }
        .btn-glow { transition: all 0.3s ease; }
        .btn-glow:hover { transform: translateY(-2px) scale(1.05); box-shadow: 0 0 25px rgba(108, 99, 255, 0.8); }
        .icon-container:hover i { animation: icon-spin 0.3s ease-in-out; }
        .card-glow:hover { animation: card-scale 0.3s ease-in-out; transform: scale(1.05); }
        .particle, .crypto-particle { position: absolute; border-radius: 50%; opacity: 0.3; }
        .crypto-particle { font-size: 1.5rem; color: #00D4FF; opacity: 0.15; }
        .text-center { text-align: center; }
        .typewriter { overflow: hidden; white-space: nowrap; display: inline-block; position: relative; }
        .typewriter::after { content: '|'; animation: blink 0.7s steps(1) infinite; position: absolute; right: -10px; }
        canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }
        @media (max-width: 768px) {
            .crypto-particle { display: none; }
            .crypto-particle:nth-child(-n+5) { display: block; }
            .typewriter { font-size: 8vw; }
            .btn-glow { padding: 0.5rem 1rem; font-size: 0.875rem; }
            .container { padding-left: 1rem; padding-right: 1rem; }
            .text-4xl { font-size: 2rem; }
            .text-5xl { font-size: 2.5rem; }
            .text-6xl { font-size: 3rem; }
            .text-lg { font-size: 1rem; }
            .text-xl { font-size: 1.125rem; }
            .py-20 { padding-top: 4rem; padding-bottom: 4rem; }
            .mt-20 { margin-top: 4rem; }
        }
        @media (max-width: 640px) {
            .typewriter { font-size: 10vw; }
            .navbar-brand { flex-direction: column; align-items: center; }
            .navbar-brand span { font-size: 1.5rem; }
            .navbar-brand div { margin-right: 0; margin-bottom: 0.5rem; }
        }
        /* Custom SweetAlert Styles */
        .swal2-popup {
            background: #0a0a0a !important;
            color: white !important;
            border: 1px solid #6C63FF !important;
        }
        .swal2-title {
            color: white !important;
            font-family: 'Inter', sans-serif !important;
        }
        .swal2-content {
            color: white !important;
        }
        .swal2-confirm {
            background: linear-gradient(45deg, #6C63FF, #FF6584) !important;
            border: none !important;
            color: white !important;
            font-family: 'Inter', sans-serif !important;
        }
        .swal2-confirm:hover {
            background: linear-gradient(45deg, #FF6584, #00D4FF) !important;
        }