<!DOCTYPE html>

<html class="light" lang="en"><head>
    <meta charset="utf-8"/>
    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
    <title>Under Construction - Domain Registry</title>
    <script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
    <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/>
    <link href="https://fonts.googleapis.com" rel="preconnect"/>
    <link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect"/>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&amp;family=Montserrat:wght@600;700&amp;display=swap" rel="stylesheet"/>
    <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/>
    <script id="tailwind-config">
        tailwind.config = {
            darkMode: "class",
            theme: {
                extend: {
                    "colors": {
                        "error-container": "#ffdad6",
                        "secondary-container": "#3fbbff",
                        "on-error": "#ffffff",
                        "on-secondary": "#ffffff",
                        "surface-container-highest": "#c9e7f7",
                        "on-primary-container": "#7998ce",
                        "surface-container": "#d9f2ff",
                        "surface-tint": "#3f5f91",
                        "primary-container": "#052f5f",
                        "on-tertiary-fixed-variant": "#6c3a00",
                        "surface": "#f4faff",
                        "tertiary-fixed": "#ffdcc1",
                        "inverse-primary": "#a9c7ff",
                        "tertiary": "#2c1400",
                        "on-secondary-fixed-variant": "#004c6e",
                        "tertiary-fixed-dim": "#ffb778",
                        "on-tertiary": "#ffffff",
                        "on-tertiary-fixed": "#2e1500",
                        "on-error-container": "#93000a",
                        "on-primary-fixed-variant": "#254778",
                        "on-primary-fixed": "#001b3d",
                        "on-background": "#001f2a",
                        "surface-container-low": "#e6f6ff",
                        "secondary-fixed": "#c8e6ff",
                        "primary": "#001a3c",
                        "on-surface-variant": "#43474f",
                        "primary-fixed-dim": "#a9c7ff",
                        "error": "#ba1a1a",
                        "on-secondary-container": "#004869",
                        "background": "#f4faff",
                        "surface-variant": "#c9e7f7",
                        "on-primary": "#ffffff",
                        "surface-dim": "#c0dfee",
                        "surface-container-high": "#ceedfd",
                        "outline-variant": "#c3c6d0",
                        "tertiary-container": "#4a2600",
                        "outline": "#747780",
                        "on-surface": "#001f2a",
                        "inverse-surface": "#163440",
                        "surface-bright": "#f4faff",
                        "on-tertiary-container": "#df7e00",
                        "surface-container-lowest": "#ffffff",
                        "secondary-fixed-dim": "#88ceff",
                        "primary-fixed": "#d6e3ff",
                        "on-secondary-fixed": "#001e2f",
                        "secondary": "#006590",
                        "inverse-on-surface": "#e0f4ff"
                    },
                    "borderRadius": {
                        "DEFAULT": "0.25rem",
                        "lg": "0.5rem",
                        "xl": "0.75rem",
                        "full": "9999px"
                    },
                    "spacing": {
                        "gutter": "24px",
                        "xl": "80px",
                        "margin-mobile": "16px",
                        "sm": "12px",
                        "max-width": "1280px",
                        "md": "24px",
                        "lg": "48px",
                        "xs": "4px",
                        "base": "8px",
                        "margin-desktop": "40px"
                    },
                    "fontFamily": {
                        "label-sm": ["Inter"],
                        "headline-md": ["Montserrat"],
                        "body-sm": ["Inter"],
                        "headline-lg": ["Montserrat"],
                        "headline-xl": ["Montserrat"],
                        "label-md": ["Inter"],
                        "headline-lg-mobile": ["Montserrat"],
                        "body-md": ["Inter"],
                        "body-lg": ["Inter"]
                    },
                    "fontSize": {
                        "label-sm": ["12px", { "lineHeight": "14px", "fontWeight": "500" }],
                        "headline-md": ["24px", { "lineHeight": "32px", "fontWeight": "600" }],
                        "body-sm": ["14px", { "lineHeight": "20px", "fontWeight": "400" }],
                        "headline-lg": ["32px", { "lineHeight": "40px", "letterSpacing": "-0.01em", "fontWeight": "700" }],
                        "headline-xl": ["40px", { "lineHeight": "48px", "letterSpacing": "-0.02em", "fontWeight": "700" }],
                        "label-md": ["14px", { "lineHeight": "16px", "letterSpacing": "0.01em", "fontWeight": "600" }],
                        "headline-lg-mobile": ["28px", { "lineHeight": "34px", "fontWeight": "700" }],
                        "body-md": ["16px", { "lineHeight": "24px", "fontWeight": "400" }],
                        "body-lg": ["18px", { "lineHeight": "28px", "fontWeight": "400" }]
                    }
                }
            }
        }
    </script>
    <style>
        .glass-panel {
            background: rgba(255, 255, 255, 0.4);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            border: 1px solid rgba(255, 255, 255, 0.5);
            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
        }
    </style>
</head>
<body class="bg-background text-on-background min-h-screen flex flex-col antialiased">
<!-- Header Navigation Shell hidden on dead-end transactional screen, rendering brand anchor only -->
<header class="w-full h-16 flex items-center px-margin-mobile md:px-margin-desktop bg-transparent absolute top-0 left-0 z-50">
    <div class="flex items-center gap-2">
        <span class="material-symbols-outlined text-primary text-2xl" style="font-variation-settings: 'FILL' 1;">dns</span>
        <span class="text-headline-md font-headline-lg text-primary tracking-tight">Domain Registry</span>
    </div>
</header>
<main class="flex-grow flex items-center justify-center relative overflow-hidden px-margin-mobile py-xl md:py-0">
    <!-- Background Decorative Elements for Glassmorphism Context -->
    <div class="absolute top-[-10%] left-[-10%] w-[50vw] h-[50vw] rounded-full bg-secondary-container opacity-20 blur-3xl mix-blend-multiply pointer-events-none"></div>
    <div class="absolute bottom-[-20%] right-[-10%] w-[60vw] h-[60vw] rounded-full bg-primary-container opacity-10 blur-3xl mix-blend-multiply pointer-events-none"></div>
    <div class="w-full max-w-4xl mx-auto flex flex-col items-center justify-center gap-lg relative z-10">
        <div class="text-center space-y-md">
            <div class="inline-flex items-center justify-center p-md bg-surface-container-highest rounded-full mb-4">
                <svg class="text-primary-container" fill="none" height="64" viewbox="0 0 24 24" width="64" xmlns="http://www.w3.org/2000/svg">
                    <path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path>
                    <path d="M12 8V12" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path>
                    <path d="M12 16H12.01" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path>
                    <path d="M7 12H17" stroke="currentColor" stroke-dasharray="2 2" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path>
                </svg>
            </div>
            <h1 class="text-headline-lg-mobile md:text-headline-xl font-headline-xl text-primary">Under Construction</h1>
            <p class="text-body-lg font-body-lg text-on-surface-variant max-w-2xl mx-auto">We are upgrading our core registry infrastructure to provide a faster, more secure domain management experience. Normal service will resume shortly.</p>
        </div>
        <!-- Glassmorphism Bento Grid -->
        <div class="grid grid-cols-1 md:grid-cols-3 gap-gutter w-full mt-md">
            <div class="glass-panel rounded-xl p-md flex flex-col items-center text-center gap-sm transition-transform hover:-translate-y-1">
                <span class="material-symbols-outlined text-3xl text-secondary" style="font-variation-settings: 'FILL' 1;">shopping_cart</span>
                <h3 class="text-headline-md font-headline-md text-on-surface">Buy Domain</h3>
                <p class="text-body-sm font-body-sm text-on-surface-variant flex-grow">Search and secure your new web address even while management tools are offline.</p>
                <button class="mt-sm w-full py-2 px-4 bg-primary-container text-on-primary font-label-md text-label-md rounded-lg hover:bg-primary transition-colors">Search Now</button>
            </div>
            <div class="glass-panel rounded-xl p-md flex flex-col items-center text-center gap-sm transition-transform hover:-translate-y-1">
                <span class="material-symbols-outlined text-3xl text-secondary" style="font-variation-settings: 'FILL' 1;">gavel</span>
                <h3 class="text-headline-md font-headline-md text-on-surface">Auctions</h3>
                <p class="text-body-sm font-body-sm text-on-surface-variant flex-grow">Access live premium domain auctions and place your bids securely.</p>
                <button class="mt-sm w-full py-2 px-4 border border-outline text-primary font-label-md text-label-md rounded-lg hover:bg-surface-container-highest transition-colors">View Auctions</button>
            </div>
            <div class="glass-panel rounded-xl p-md flex flex-col items-center text-center gap-sm transition-transform hover:-translate-y-1">
                <span class="material-symbols-outlined text-3xl text-secondary" style="font-variation-settings: 'FILL' 1;">check_circle</span>
                <h3 class="text-headline-md font-headline-md text-on-surface">Availability</h3>
                <p class="text-body-sm font-body-sm text-on-surface-variant flex-grow">Check the current registration status of any domain instantly.</p>
                <button class="mt-sm w-full py-2 px-4 border border-outline text-primary font-label-md text-label-md rounded-lg hover:bg-surface-container-highest transition-colors">Check Status</button>
            </div>
        </div>
    </div>
</main>
<!-- Footer -->
<footer class="bg-surface-container-lowest text-on-surface flex flex-col md:flex-row justify-between items-center w-full py-md px-margin-mobile md:px-margin-desktop max-w-max-width mx-auto gap-base border-t border-outline-variant">
    <div class="text-label-md font-label-md font-bold text-primary">Domain Registry</div>
    <div class="text-body-sm font-body-sm text-on-surface-variant">© 2024 Domain Registry Services. All rights reserved.</div>
    <div class="flex gap-gutter">
        <a class="text-label-sm font-label-sm text-on-surface-variant hover:text-secondary-container transition-colors" href="#">Terms of Service</a>
        <a class="text-label-sm font-label-sm text-on-surface-variant hover:text-secondary-container transition-colors" href="#">Privacy Policy</a>
        <a class="text-label-sm font-label-sm text-on-surface-variant hover:text-secondary-container transition-colors" href="#">Contact Support</a>
    </div>
</footer>
</body></html>