body {
            font-family: 'Urbanist', sans-serif;
            background-color: #0f0f10;
        }
        .bg-mesh-container {
            position: absolute;
            inset: 0;
            width: 100%;
            min-height: 100vh;
            z-index: -1;
            overflow: hidden;
            pointer-events: none;
        }
        .bg-blob {
            position: absolute;
            width: 70vw;
            height: 70vw;
            border-radius: 50%;
            filter: blur(72px);
            opacity: 0.08;
            mix-blend-mode: normal;
        }
        .blob-1 { background: #bf2b38; top: -20%; right: -10%; }
        .blob-2 { background: #bf2b38; bottom: -20%; left: -10%; opacity: 0.06; }
        @keyframes blob {
            0% { transform: translate(0, 0) scale(1); }
            50% { transform: translate(100px, 50px) scale(1.1); }
            100% { transform: translate(-50px, 100px) scale(0.9); }
        }
        .btn-premium {
            transition: background-color 0.25s ease, box-shadow 0.25s ease;
            position: relative;
        }
        .btn-premium:hover {
            box-shadow: 0 0 25px rgba(191, 43, 56, 0.5);
        }
        .glass-card {
            background: rgba(255, 255, 255, 0.03);
            backdrop-filter: none;
            -webkit-backdrop-filter: none;
            border: 1px solid rgba(255, 255, 255, 0.05);
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
        @media (hover: hover) and (pointer: fine) {
            .glass-card:hover {
                background: rgba(191, 43, 56, 0.05);
                border-color: rgba(191, 43, 56, 0.3);
            }
        }
        .glow-button {
            transition: background-color 0.25s ease, box-shadow 0.25s ease;
        }
        .glow-button:hover {
            box-shadow: 0 0 20px rgba(191, 43, 56, 0.4);
        }
        .mesh-gradient {
            background-image: 
                radial-gradient(at 0% 0%, hsla(355, 63%, 46%, 0.15) 0px, transparent 50%),
                radial-gradient(at 100% 100%, hsla(355, 63%, 46%, 0.1) 0px, transparent 50%);
        }

        .relative.min-h-screen > main > section:not(:first-of-type) {
            content-visibility: auto;
            contain-intrinsic-size: 1px 960px;
        }

        input,
        select,
        textarea {
            transition-property: border-color, box-shadow, background-color;
        }

        @media (max-width: 1023px), (prefers-reduced-motion: reduce) {
            .bg-blob {
                filter: blur(56px);
            }

            .glass-card {
                backdrop-filter: none;
                -webkit-backdrop-filter: none;
            }
        }