html {
            font-size: 10px;
        }

        body {
            font-family: Poppins, Poppins Fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-size: 1.8rem;
            line-height: 1.5;
            color: #333;
            background-color: #fbfafa;
            margin: 0;
        }

        .page {
            display: flex;
            flex-direction: column;
            min-height: 100vh;
        }

        .header {
            padding: 16px 32px;
            border-bottom: 1px solid #eee;
            position: fixed;
            top: 0;
            width: 100%;
            background: rgba(251,250,250,.8);
            -webkit-backdrop-filter: blur(15px) saturate(100%);
            backdrop-filter: blur(15px) saturate(100%);
            z-index: 8;
        }

        .logo {
            font-weight: bold;
            font-size: 2rem;
        }

        .logo > a {
            text-decoration: none;
            color: inherit;
        }

        .main {
            flex-grow: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            padding: 80px 20px 40px;
        }

        .content h1 {
            font-size: 4.8rem;
            font-weight: 700;
            margin-bottom: 20px;
        }

        .content p {
            font-size: 2rem;
            color: #666;
            margin-bottom: 40px;
        }

        .button {
            display: inline-block;
            font-size: 2.5rem;
            font-weight: 600;
            color: white;
            padding: 16px 32px;
            background: #1877f2;
            border-radius: 60px;
            text-decoration: none;
            margin: 40px auto 0;
            white-space: nowrap;
            width: -moz-fit-content;
            width: fit-content;
            outline: none;
            cursor: pointer;
            border: none;
            box-shadow: 0 8px 16px 8px rgba(24,119,242,.2666666667);
        }

        .readme-content {
            max-width: 800px;
            margin: 0 auto;
            padding: 40px 20px;
        }

        .readme-content h2 {
            font-size: 2.4rem;
            font-weight: 600;
            border-bottom: 1px solid #eee;
            padding-bottom: 10px;
            margin-bottom: 20px;
        }

        .readme-content p, .readme-content ul {
            font-size: 1.6rem;
            color: #333;
            line-height: 1.6;
        }

        .readme-content ul {
            padding-left: 20px;
        }

        .readme-content code {
            background-color: #f5f5f5;
            padding: 2px 4px;
            border-radius: 3px;
            font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
        }

        .footer {
            padding: 120px 20px 20px;
            text-align: center;
            font-size: 14px;
            color: #999;
        }

        .footer a {
            color: #666;
            text-decoration: none;
        }

        .footer a:hover {
            text-decoration: underline;
        }