* { margin: 0; padding: 0; box-sizing: border-box; }
        body { background: #1b2838; font-family: 'Roboto', Arial, sans-serif; color: #c6d4df; min-height: 100vh; }
        a { color: #67c1f5; text-decoration: none; }
        a:hover { color: #fff; }

        /* Navigation */
        .top-nav { background: linear-gradient(to right, #171a21 0%, #1b2838 100%); position: sticky; top: 0; z-index: 100; }
        .nav-content { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; height: 50px; padding: 0 20px; }
        .nav-logo { font-size: 1.5rem; font-weight: 700; color: #fff; margin-right: 30px; }
        .nav-logo span { color: #67c1f5; }
        .nav-links { display: flex; gap: 5px; }
        .nav-links a { color: #b8b6b4; padding: 15px; font-size: 0.85rem; font-weight: 500; text-transform: uppercase; transition: color 0.2s; }
        .nav-links a:hover { color: #fff; }
        .nav-links a.active { color: #fff; }

        /* Main Container */
        .page-container { max-width: 520px; margin: 0 auto; padding: 60px 20px 40px; }

        /* Page Header */
        .page-header { margin-bottom: 40px; }
        .page-header h1 { font-size: 1.6rem; color: #fff; font-weight: 500; margin-bottom: 6px; }
        .page-header p { color: #556772; font-size: 0.85rem; }

        /* Contact rows */
        .contact-row { display: flex; align-items: baseline; gap: 10px; padding: 14px 0; border-bottom: 1px solid rgba(255,255,255,0.04); }
        .contact-row:last-child { border-bottom: none; }
        .contact-label { color: #556772; font-size: 0.8rem; width: 80px; flex-shrink: 0; }
        .contact-row a { font-size: 0.9rem; }

        /* Social row */
        .social-row { display: flex; gap: 16px; margin-top: 30px; }
        .social-row a { color: #556772; font-size: 1.1rem; transition: color 0.2s; }
        .social-row a:hover { color: #fff; }

        /* Contact Form */
        .form-section { margin-top: 40px; border-top: 1px solid rgba(255,255,255,0.06); padding-top: 32px; }
        .form-section h2 { font-size: 1rem; color: #fff; font-weight: 500; margin-bottom: 20px; }
        .form-group { margin-bottom: 16px; }
        .form-group label { display: block; font-size: 0.75rem; color: #556772; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 6px; }
        .form-group input,
        .form-group textarea {
            width: 100%;
            background: #16202d;
            border: 1px solid rgba(255,255,255,0.08);
            border-radius: 3px;
            color: #c6d4df;
            font-family: 'Roboto', Arial, sans-serif;
            font-size: 0.875rem;
            padding: 10px 12px;
            transition: border-color 0.2s;
            outline: none;
        }
        .form-group input:focus,
        .form-group textarea:focus { border-color: #67c1f5; }
        .form-group textarea { resize: vertical; min-height: 120px; }
        .recaptcha-wrap { margin-bottom: 16px; }
        .form-submit {
            background: #4c6b88;
            color: #fff;
            border: none;
            border-radius: 3px;
            padding: 10px 24px;
            font-size: 0.875rem;
            font-weight: 500;
            cursor: pointer;
            transition: background 0.2s;
        }
        .form-submit:hover { background: #67c1f5; color: #1b2838; }
        .form-submit:disabled { opacity: 0.5; cursor: not-allowed; }
        .form-status { margin-top: 14px; font-size: 0.85rem; display: none; }
        .form-status.error { color: #e05a5a; }
        .form-fields { transition: opacity 0.3s; }
        .form-fields.hidden { display: none; }
        /* Sending spinner state */
        .cf-sending-state { display: none; text-align: center; padding: 36px 0; }
        .cf-sending-state.visible { display: block; }
        .cf-spinner {
            width: 44px; height: 44px;
            border: 3px solid rgba(103,193,245,0.2);
            border-top-color: #67c1f5;
            border-radius: 50%;
            margin: 0 auto;
            animation: cf-spin 0.75s linear infinite;
        }
        @keyframes cf-spin { to { transform: rotate(360deg); } }
        /* Checkmark state */
        .cf-check-state { display: none; text-align: center; padding: 24px 0; }
        .cf-check-state.visible { display: block; }
        .cf-checkmark { width: 56px; height: 56px; }
        .cf-circle {
            stroke: #57cbde; stroke-width: 3;
            stroke-dasharray: 145; stroke-dashoffset: 145;
        }
        .cf-check-state.visible .cf-circle {
            animation: cf-circle-draw 0.5s ease forwards;
        }
        @keyframes cf-circle-draw { to { stroke-dashoffset: 0; } }
        .cf-check {
            stroke: #57cbde; stroke-width: 3.5;
            stroke-linecap: round; stroke-linejoin: round;
            stroke-dasharray: 30; stroke-dashoffset: 30;
        }
        .cf-check-state.visible .cf-check {
            animation: cf-check-draw 0.35s ease forwards 0.45s;
        }
        @keyframes cf-check-draw { to { stroke-dashoffset: 0; } }
        .form-success-state { display: none; text-align: center; padding: 24px 0; }
        .form-success-state.visible { display: block; }
        .form-success-state p { color: #57cbde; font-size: 1rem; margin-bottom: 16px; }
        .send-another-btn {
            background: none;
            border: 1px solid #3a4a5a;
            color: #556772;
            border-radius: 3px;
            padding: 7px 16px;
            font-size: 0.8rem;
            cursor: pointer;
            transition: border-color 0.2s, color 0.2s;
        }
        .send-another-btn:hover { border-color: #67c1f5; color: #67c1f5; }

        /* Footer */
        .footer { background: #171a21; padding: 24px; text-align: center; margin-top: 60px; }
        .footer p { color: #3b4654; font-size: 0.75rem; }
        .footer a { color: #67c1f5; }

        /* Hamburger */
        .hamburger { display: none; flex-direction: column; justify-content: center; gap: 5px; background: none; border: none; cursor: pointer; padding: 8px; margin-left: auto; }
        .hamburger span { display: block; width: 22px; height: 2px; background: #c6d4df; transition: all 0.25s ease; }
        .hamburger.open span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
        .hamburger.open span:nth-child(2) { opacity: 0; }
        .hamburger.open span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }
        .mobile-nav { display: none; position: absolute; top: 50px; left: 0; right: 0; background: #171a21; border-top: 1px solid rgba(255,255,255,0.08); z-index: 99; }
        .mobile-nav a { display: block; padding: 13px 20px; color: #b8b6b4; font-size: 0.85rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.5px; border-bottom: 1px solid rgba(255,255,255,0.04); transition: color 0.2s, background 0.2s; }
        .mobile-nav a:hover { color: #fff; background: rgba(255,255,255,0.05); }
        .mobile-nav a.active { color: #fff; }
        .mobile-nav.open { display: block; }
        @media (max-width: 600px) {
            .nav-links { display: none; }
            .hamburger { display: flex; }
        }
        /* Skip link */
        .skip-link { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
        .skip-link:focus { position: fixed; top: 12px; left: 12px; z-index: 9999; background: #1b2838; color: #67c1f5; padding: 8px 16px; border-radius: 4px; font-size: 0.9rem; text-decoration: none; box-shadow: 0 2px 8px rgba(0,0,0,.5); width: auto; height: auto; overflow: visible; outline: 2px solid #67c1f5; }
        /* Focus visible */
        :focus-visible { outline: 2px solid #67c1f5; outline-offset: 2px; border-radius: 2px; }