*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#101018;color:#eee;font-family:Tahoma,Arial,sans-serif;line-height:1.9}.wrap{max-width:820px;margin:auto;padding:28px 16px}.card,.content{background:#171725;border:1px solid #29293b;border-radius:20px;padding:28px;margin-bottom:18px}.brand{font-size:15px;color:#9b7cff;font-weight:700}h1{font-size:clamp(34px,8vw,58px);margin:8px 0;color:#fff}.lead{font-size:22px;color:#b99cff;margin:0 0 14px;font-weight:700}h2{font-size:24px;color:#c7b4ff;margin-top:8px}.btn{display:inline-block;margin-top:14px;padding:11px 20px;border-radius:12px;background:#7c3aed;color:#fff;text-decoration:none;font-weight:700}footer{text-align:center;color:#888;padding:16px;font-size:13px}@media(max-width:500px){.card,.content{padding:22px 18px}.lead{font-size:19px}}
/* FlowGap - CTA Button */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 190px;
    min-height: 58px;
    padding: 14px 28px;
    box-sizing: border-box;

    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    text-decoration: none;

    color: #fff;
    background: linear-gradient(135deg, #7c3aed, #9333ea);

    border: 1px solid rgba(190, 160, 255, 0.45);
    border-radius: 18px;

    box-shadow:
        0 8px 25px rgba(124, 58, 237, 0.35),
        0 0 18px rgba(147, 51, 234, 0.18);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        filter 0.25s ease;
}

.btn:hover {
    transform: translateY(-3px);
    filter: brightness(1.08);

    box-shadow:
        0 12px 32px rgba(124, 58, 237, 0.45),
        0 0 25px rgba(147, 51, 234, 0.28);
}

.btn:active {
    transform: translateY(0);
}