* {margin:0; padding:0; box-sizing:border-box;}
        html, body {width:100%; height:100%; overflow:hidden;}

        body {
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
            background: linear-gradient(145deg, #0a0c14 0%, #121624 100%);
            display:flex; align-items:center; justify-content:center;
            color:#eef2f8;
            position:relative;
        }

        body::before {
            position:fixed; top:0; left:0; z-index:0;
            width:100vw; height:100vh;
            content:''; opacity:0.2; pointer-events:none;
            background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAiIGhlaWdodD0iMzAwIj48ZmlsdGVyIGlkPSJmIj48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iLjc0IiBudW1PY3RhdmVzPSIzIiAvPjwvZmlsdGVyPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbHRlcj0idXJsKCNmKSIgb3BhY2l0eT0iMC4wMjUiIC8+PC9zdmc+');
        }

        a{text-decoration: none;}

        .giant-z {
            position:fixed; top:50%; left:50%; z-index:1;
            transform: translate(-50%, -50%);
            font-size: min(85vw, 85vh);
            font-weight: 900;
            font-family: 'Inter', 'Arial Black', sans-serif;
            color: rgba(60, 100, 180, 0.12);
            text-transform: uppercase;
            letter-spacing: -0.08em;
            pointer-events: none;
            user-select: none;
            white-space: nowrap;
            line-height: 1;
            text-shadow: 0 0 40px rgba(70, 130, 250, 0.2);
            animation: softPulse 8s infinite ease-in-out;
        }

        @keyframes softPulse {
            0%, 100% { opacity: 0.8; transform: translate(-50%, -50%) scale(1); }
            50% { opacity: 1; transform: translate(-50%, -50%) scale(1.02); }
        }

        .brand {
            position:relative; z-index:20;
            text-align:center;
            width:100%;
            padding:1rem;
        }
        .brand-name {
            font-size: clamp(3rem, 18vw, 6rem);
            font-weight: 700;
            letter-spacing: -0.02em;
            background: linear-gradient(115deg, #ffffff, #b4d0ff);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            text-shadow: 0 2px 20px rgba(0, 80, 200, 0.6);
            line-height: 1.1;
        }

        .brand-domain {
            margin-top: 0.5rem;
            color: #8aa5dd;
            font-size: clamp(0.9rem, 4vw, 1.2rem);
            opacity: 0.8;
            letter-spacing: 2px;
            font-weight: 400;
            text-shadow: 0 0 10px rgba(60, 120, 240, 0.4);
        }

        .glow-effect {
            position:absolute; top:-20vw; right:-20vw; z-index:0;
            width:80vw; height:80vw; border-radius:50%; filter:blur(70px);
            background: radial-gradient(circle at 30% 30%, rgba(60, 120, 240, 0.15), transparent 70%);
        }
        .glow-effect2 {
            position:absolute; bottom:-30vw; left:-20vw; z-index:0;
            width:70vw; height:70vw; border-radius:50%; filter:blur(70px);
            background: radial-gradient(circle at 70% 80%, rgba(160, 100, 240, 0.1), transparent 70%);
        }
        .brand {animation:fadeIn 1.5s ease-out forwards;}

        @keyframes fadeIn {
            0% { opacity: 0; transform: scale(0.98); }
            100% { opacity: 1; transform: scale(1); }
        }