* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', 'Inter', system-ui, sans-serif; }
    body { background: #f0f4fa; color: #1e293b; min-height: 100vh; }

    .hero {
        max-width: 720px; margin: 0 auto; padding: 70px 30px 10px; text-align: center;
    }
    .hero-eyebrow {
        display: inline-block; font-size: 0.85rem; font-weight: 700; letter-spacing: .08em;
        text-transform: uppercase; color: #2563eb; background: #e2edff;
        padding: 6px 16px; border-radius: 30px; margin-bottom: 18px;
    }
    .hero h1 {
        font-size: clamp(1.9rem, 4vw, 2.6rem); color: #0b2b4a; line-height: 1.2; margin-bottom: 16px;
    }
    .hero p {
        font-size: 1.05rem; color: #4a6180; max-width: 520px; margin: 0 auto; line-height: 1.6;
    }

    .main { max-width: 720px; margin: 0 auto; padding: 40px 30px 90px; }

    .contact-card {
        background: #fff; border: 1px solid #dfe8f5; border-radius: 24px;
        padding: 44px 36px; text-align: center;
        box-shadow: 0 10px 30px -12px rgba(37,99,235,0.18);
    }
    .contact-icon {
        width: 60px; height: 60px; border-radius: 16px; background: #e2edff;
        display: flex; align-items: center; justify-content: center; margin: 0 auto 20px;
    }
    .contact-icon svg { width: 28px; height: 28px; stroke: #2563eb; }
    .contact-label {
        font-size: 0.85rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
        color: #7a92b5; margin-bottom: 10px;
    }
    .contact-email {
        font-size: clamp(1.3rem, 3vw, 1.7rem); font-weight: 700; color: #12335e;
        text-decoration: none; word-break: break-all;
    }
    .contact-email:hover { color: #2563eb; }
    .contact-sub {
        margin-top: 14px; font-size: 0.95rem; color: #5c7295; line-height: 1.55;
    }

    .copy-btn {
        margin-top: 26px; display: inline-flex; align-items: center; gap: 8px;
        background: #2563eb; color: #fff; border: none; border-radius: 30px;
        padding: 12px 26px; font-size: 0.92rem; font-weight: 600; cursor: pointer;
        transition: background 0.15s;
    }
    .copy-btn:hover { background: #1d4ed8; }
    .copy-btn svg { width: 16px; height: 16px; stroke: currentColor; }
    .copy-btn.copied { background: #16a34a; }

    .note {
        margin-top: 34px; text-align: center; font-size: 0.88rem; color: #7a92b5; line-height: 1.6;
    }

    .back-link {
        display: block; text-align: center; margin-top: 40px;
    }
    .back-link a {
        font-weight: 600; color: #2563eb; text-decoration: none; font-size: 0.95rem;
    }
    .back-link a:hover { text-decoration: underline; }

    @media (max-width: 640px) {
        .hero { padding: 44px 20px 10px; }
        .main { padding: 30px 20px 60px; }
        .contact-card { padding: 34px 22px; }
    }