html, body {
    max-width: 100vw;
    overflow-x: hidden;
}

body {
    background: #f8fafc;
    background-image: 
        radial-gradient(at 0% 0%, rgba(99, 102, 241, 0.08) 0px, transparent 50%),
        radial-gradient(at 100% 100%, rgba(255, 0, 127, 0.06) 0px, transparent 50%),
        radial-gradient(at 50% 50%, rgba(0, 245, 212, 0.05) 0px, transparent 50%);
    background-attachment: fixed;
    min-height: 100vh;
    font-family: 'Plus Jakarta Sans', 'Kanit', sans-serif;
    color: #0f172a;
    -webkit-tap-highlight-color: transparent;
}

.glass-panel {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid #cbd5e1;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

.glass-card {
    background: #ffffff;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1.5px solid #cbd5e1;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.05);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.glass-card:hover {
    border-color: #6366f1;
    transform: translateY(-2px);
    box-shadow: 0 12px 24px -6px rgba(99, 102, 241, 0.15);
}

.neon-gradient-text {
    background: linear-gradient(135deg, #0d9488 0%, #4f46e5 50%, #e11d48 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }