<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Megalium Creative | Coming Soon</title>

    <style>

        /* 引入一个优雅的现代字体 */

        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&display=swap');


        * {

            margin: 0;

            padding: 0;

            box-sizing: border-box;

        }


        body {

            font-family: 'Inter', -apple-system, sans-serif;

            height: 100vh;

            display: flex;

            justify-content: center;

            align-items: center;

            /* 深邃的午夜色渐变 */

            background: radial-gradient(circle at center, #1a202c 0%, #0d1117 100%);

            color: #ffffff;

            overflow: hidden;

        }


        /* 装饰性的动态背景微光 */

        body::before {

            content: "";

            position: absolute;

            width: 150%;

            height: 150%;

            background: radial-gradient(circle, rgba(99, 102, 241, 0.05) 0%, transparent 50%);

            animation: drift 20s infinite linear;

            z-index: 0;

        }


        @keyframes drift {

            from { transform: rotate(0deg); }

            to { transform: rotate(360deg); }

        }


        .container {

            position: relative;

            z-index: 1;

            text-align: center;

            max-width: 600px;

            padding: 2rem;

        }


        .logo-text {

            font-size: 2.5rem;

            font-weight: 600;

            letter-spacing: -1px;

            margin-bottom: 0.5rem;

            background: linear-gradient(135deg, #fff 0%, #a5b4fc 100%);

            -webkit-background-clip: text;

            -webkit-text-fill-color: transparent;

        }


        .tagline {

            font-size: 0.9rem;

            text-transform: uppercase;

            letter-spacing: 4px;

            color: #94a3b8;

            margin-bottom: 3rem;

            font-weight: 300;

        }


        .main-message {

            font-size: 1.25rem;

            line-height: 1.6;

            color: #cbd5e1;

            margin-bottom: 3rem;

            font-weight: 300;

        }


        /* 装饰线条 */

        .line {

            height: 1px;

            width: 40px;

            background: #4f46e5;

            margin: 0 auto 2.5rem auto;

        }


        /* 联系方式区域 */

        .contact-box {

            background: rgba(255, 255, 255, 0.03);

            border: 1px border rgba(255, 255, 255, 0.1);

            padding: 1.5rem;

            border-radius: 12px;

            backdrop-filter: blur(10px);

        }


        .contact-label {

            display: block;

            font-size: 0.75rem;

            text-transform: uppercase;

            color: #6366f1;

            margin-bottom: 0.5rem;

            font-weight: 600;

            letter-spacing: 1px;

        }


        .email-link {

            color: #ffffff;

            text-decoration: none;

            font-size: 1.1rem;

            font-weight: 400;

            transition: all 0.3s ease;

            border-bottom: 1px solid transparent;

        }


        .email-link:hover {

            color: #818cf8;

            border-bottom: 1px solid #818cf8;

        }


        /* 响应式调整 */

        @media (max-width: 480px) {

            .logo-text { font-size: 2rem; }

            .main-message { font-size: 1.1rem; }

        }

    </style>

</head>

<body>

    <div class="container">

        <h1 class="logo-text">Megalium Creative</h1>

        <p class="tagline">Enterprise Corp.</p>

        

        <div class="line"></div>

        

        <p class="main-message">

            Our new digital experience is currently under construction.<br>

            We are crafting something exceptional for you.

        </p>

        

        <div class="contact-box">

            <span class="contact-label">Get in Touch</span>

            <a href="mailto:hello@megaliumcreative.com" class="email-link">hello@megaliumcreative.com</a>

        </div>

    </div>

</body>

</html>