:root{--accent-deep:#1e2a8a;--grad:linear-gradient(110deg,#3a7bff,#6a4dff 60%,#8b4dff)}
.funbuilder-header{background:#fff;border-bottom:1px solid #eceef5}
h2{color:var(--accent-deep)}
.eyebrow{color:#6a5cf0}
.blue{background:var(--grad);color:#fff;box-shadow:0 6px 18px #5b4dff2e}
.blue:hover{filter:brightness(1.08)}
.button.outline{background:#fff;border-color:#d9d4ff;color:#5a46e6}
.button.outline:hover{background:#f6f4ff}
button:focus-visible,a:focus-visible{outline-color:#8c7dff}

.funbuilder-header nav{background:linear-gradient(110deg,#f4f6ff,#f3efff);border:1px solid #e3e1fb;box-shadow:0 6px 20px #4a3dd612;padding:0 8px}
.funbuilder-header nav>a{color:#1e2a8a;font-weight:600;height:44px;margin:0 4px}
.funbuilder-header nav>a:hover,.funbuilder-header nav>a:focus-visible{color:#fff;background:var(--grad);box-shadow:0 6px 16px #5b4dff33}

.showcase{padding-top:56px}
.showcase-card{background:#fff;border:1px solid #e8e6f8;border-radius:18px;padding:24px;box-shadow:0 12px 32px #1e2a8a0d;scroll-margin-top:24px}
.showcase-card+.showcase-card{margin-top:28px}
.showcase-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:20px}
.showcase-actions{display:flex;gap:10px;flex-shrink:0}
.showcase-actions .button{min-width:128px}
.showcase-image{display:block;width:100%;height:auto;border-radius:12px;background:#0b0a1f}

.contact{padding-top:64px;padding-bottom:72px;scroll-margin-top:24px}
.contact-head{text-align:center;margin-bottom:28px}
.contact-head h2>span{display:block;margin:6px 0 0}
.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:880px;margin:auto}
.contact-card{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid #e8e6f8;border-radius:16px;padding:22px 24px;box-shadow:0 12px 32px #1e2a8a0d}
.contact-card>div{flex:1;min-width:0}
.contact-card h3{margin:0 0 6px;font-size:17px;color:var(--accent-deep)}
.contact-card p{margin:0;font-size:12px;color:#9aa1b5}
.contact-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;flex-shrink:0}
.contact-icon svg{width:28px;height:28px;fill:#fff}
.contact-icon.telegram{background:linear-gradient(135deg,#37aee2,#1e96c8);box-shadow:0 8px 18px #229ed933}
.contact-icon.whatsapp{background:linear-gradient(135deg,#3ddc75,#1fae54);box-shadow:0 8px 18px #25d36633}

@media(max-width:650px){
  .funbuilder-header nav{background:#fff;padding:8px;box-shadow:0 12px 30px #1e2a8a1f}
  .funbuilder-header nav>a{margin:2px 0}
  .showcase{padding-top:36px}
  .showcase-card{padding:16px;border-radius:14px}
  .showcase-head{flex-direction:column;align-items:stretch;gap:14px;margin-bottom:14px}
  .showcase-head h2>span{display:block;margin:4px 0 0}
  .showcase-actions .button{flex:1;min-width:0}
  .showcase-image{border-radius:9px}
  .contact{padding-top:44px;padding-bottom:48px}
  .contact-grid{grid-template-columns:1fr;gap:14px}
  .contact-card{padding:16px;gap:14px}
  .contact-icon{width:46px;height:46px}
}