@font-face {
            font-family: "Horyzen Title";
            src: url("wfdfonts/HoryzenTitle.ttf") format("truetype");
            font-weight: normal;
            font-style: normal;
            font-display: swap;
        }

        @font-face {
            font-family: "Horyzen Regular";
            src: url("wfdfonts/Horyzen-Regular.ttf") format("truetype");
            font-weight: normal;
            font-style: normal;
            font-display: swap;
        }

        * {
            box-sizing: border-box;
        }

        html,
        body {
            width: 100%;
            height: 100%;
            margin: 0;
        }

        body {
            min-height: 100vh;

            display: flex;
            flex-direction: column;

            background: radial-gradient(
                circle at center,
                #008ac9 0%,
                #002759 100%
            );

            color: #ffffff;
            overflow: hidden;
        }

        main {
            flex: 1;

            display: flex;
            align-items: center;
            justify-content: center;

            width: 100%;
            padding: 40px;
            text-align: center;
        }

        h1 {
            margin: 0;

            font-family: "Horyzen Title", sans-serif;
            font-size: 50px;
            font-weight: normal;
            line-height: 1.05;
            letter-spacing: 0.04em;

            color: #ffffff;
        }

        footer {
            width: 100%;
            padding: 20px 20px 30px;

            text-align: center;
        }

        footer a {
            font-family: "Horyzen Regular", sans-serif;
            font-size: 1.25rem;
            color: #ffffff;
            text-decoration: none;

            transition: opacity 0.2s ease;
        }

        footer a:hover {
            opacity: 0.7;
        }

        @media (max-width: 600px) {
            main {
                padding: 25px;
            }

            h1 {
                font-size: clamp(2rem, 12vw, 4rem);
            }

            footer a {
                font-size: 1.1rem;
            }
        }