*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
        body {
            background: #020617;
            color: #f1f5f9;
            font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            -webkit-font-smoothing: antialiased;
            line-height: 1.5;
        }
        .skip-link {
            position: absolute; top: -100%; left: 1rem; z-index: 100;
            padding: .5rem 1rem; background: #3b82f6; color: #fff;
            border-radius: .5rem; font-size: .875rem; font-weight: 600; text-decoration: none;
        }
        .skip-link:focus { top: 1rem; }

        .bg-blob {
            position: fixed; width: 600px; height: 600px; border-radius: 50%;
            filter: blur(80px); opacity: .12; pointer-events: none; z-index: -1;
        }
        .blob-1 { top: -10%; left: 10%; background: #3b82f6; }
        .blob-2 { bottom: -15%; right: 5%; background: #10b981; }

        main {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 2rem 1.25rem;
            text-align: center;
        }

        .container {
            max-width: 32rem;
            width: 100%;
        }

        .code {
            font-size: clamp(6rem, 18vw, 9rem);
            font-weight: 900;
            line-height: 1;
            letter-spacing: -0.04em;
            background: linear-gradient(135deg, #3b82f6 0%, #10b981 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            margin-bottom: 0.5rem;
            user-select: none;
        }

        h1 {
            font-size: clamp(1.5rem, 4vw, 1.875rem);
            font-weight: 700;
            color: #fff;
            margin-bottom: 1rem;
        }

        p {
            color: #94a3b8;
            font-size: 1.0625rem;
            margin-bottom: 2.25rem;
            line-height: 1.65;
        }

        .actions {
            display: flex;
            flex-wrap: wrap;
            gap: 0.875rem;
            justify-content: center;
        }

        .btn {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            padding: 0.75rem 1.5rem;
            font-size: 0.9375rem;
            font-weight: 600;
            border-radius: 0.75rem;
            text-decoration: none;
            transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .btn-primary {
            background: linear-gradient(to right, #2563eb, #059669);
            color: #fff;
            box-shadow: 0 10px 15px -3px rgba(59, 130, 246, 0.25);
        }
        .btn-primary:hover {
            background: linear-gradient(to right, #3b82f6, #10b981);
            transform: translateY(-2px);
            box-shadow: 0 12px 20px -4px rgba(59, 130, 246, 0.35);
        }

        .btn-secondary {
            border: 1px solid #334155;
            color: #cbd5e1;
            background: transparent;
        }
        .btn-secondary:hover {
            border-color: #64748b;
            color: #fff;
            background: rgba(30, 41, 59, 0.5);
            transform: translateY(-2px);
        }

        footer {
            padding: 1.5rem 1.25rem;
            text-align: center;
            font-size: 0.8125rem;
            color: #64748b;
            border-top: 1px solid rgba(15, 23, 42, 0.8);
        }
        footer a {
            color: #94a3b8;
            text-decoration: none;
            transition: color 0.2s;
        }
        footer a:hover { color: #e2e8f0; }

        /* Малка анимация */
        @keyframes fadeUp {
            from { opacity: 0; transform: translateY(24px); }
            to { opacity: 1; transform: translateY(0); }
        }
        .animate {
            animation: fadeUp 0.7s cubic-bezier(0.16, 1, 0.3, 1) both;
        }
        .delay-1 { animation-delay: 0.1s; }
        .delay-2 { animation-delay: 0.2s; }
        .delay-3 { animation-delay: 0.3s; }

        @media (prefers-reduced-motion: reduce) {
            .animate { animation: none; opacity: 1; transform: none; }
        }