#gh-cu, #gh-cu * { box-sizing: border-box !important; }
  #gh-cu {
    --b: #2D5A27; --b-d: #1e3d1a; --b-l: #f0f7ef; --b-ll: #f9fcf8; --b-line: #c2dec0; --glow: #9db0ff;
    --navy: #141c40; --navy-2: #1f2b63; --ink: #1c2233; --muted: #5a6275; --line: #e3e7f0; --red: #d64545; --green: #1f9d61;
    width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 28px 16px 44px !important;
    background: transparent !important; color: var(--ink) !important; line-height: 1.6 !important; font-size: 15px !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  }
  #gh-cu svg { display: block !important; }
  #gh-cu .ib { position: relative !important; flex-shrink: 0 !important; display: block !important; }
  #gh-cu .ib svg { position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; margin: 0 !important; max-width: none !important; }
  #gh-cu .wrap { max-width: 1160px !important; margin: 0 auto !important; display: flex !important; flex-direction: column !important; gap: 20px !important; }
  #gh-cu a { color: var(--b-d) !important; font-weight: 700 !important; text-decoration: none !important; }
  #gh-cu .badge { display: inline-flex !important; align-items: center !important; gap: 8px !important; padding: 7px 14px !important; border-radius: 999px !important; background: rgba(255,255,255,.1) !important; border: 1px solid rgba(255,255,255,.18) !important; color: #c9d6ff !important; font-size: 11.5px !important; font-weight: 800 !important; letter-spacing: .14em !important; text-transform: uppercase !important; margin: 0 0 16px !important; }
  #gh-cu .badge i { width: 8px !important; height: 8px !important; border-radius: 50% !important; background: var(--glow) !important; animation: ghCuPulse 2s infinite !important; }
  @keyframes ghCuPulse { 0% { box-shadow: 0 0 0 0 rgba(143,168,255,.7); } 70% { box-shadow: 0 0 0 10px rgba(143,168,255,0); } 100% { box-shadow: 0 0 0 0 rgba(143,168,255,0); } }

  /* HERO */
  #gh-cu .hero { position: relative !important; overflow: hidden !important; padding: 54px 50px !important; border-radius: 28px !important; color: #fff !important; text-align: center !important;
    background: radial-gradient(800px 400px at 50% -30%, rgba(76,110,245,.8), transparent 60%), linear-gradient(135deg, var(--navy) 0%, var(--navy-2) 100%) !important;
    box-shadow: 0 40px 80px -40px rgba(14,26,61,.85) !important; }
  #gh-cu .hero::before { content: "" !important; position: absolute !important; inset: 0 !important; pointer-events: none !important; background-image: radial-gradient(rgba(255,255,255,.09) 1px, transparent 1px) !important; background-size: 22px 22px !important; -webkit-mask-image: linear-gradient(180deg, #000, transparent 85%) !important; mask-image: linear-gradient(180deg, #000, transparent 85%) !important; }
  #gh-cu .hero > * { position: relative !important; }
  #gh-cu .bub { position: absolute !important; border-radius: 18px !important; background: rgba(255,255,255,.07) !important; border: 1px solid rgba(255,255,255,.14) !important; color: var(--glow) !important; width: 54px !important; height: 54px !important; }
  #gh-cu .bub svg { position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: 24px !important; height: 24px !important; }
  #gh-cu .bub.b1 { left: 7% !important; top: 26% !important; animation: ghCuBob 6s ease-in-out infinite !important; }
  #gh-cu .bub.b2 { right: 8% !important; top: 20% !important; animation: ghCuBob 6s ease-in-out infinite 1s !important; }
  #gh-cu .bub.b3 { right: 15% !important; bottom: 18% !important; animation: ghCuBob 7s ease-in-out infinite 2s !important; }
  @keyframes ghCuBob { 0%, 100% { transform: translateY(0) rotate(-4deg); } 50% { transform: translateY(-12px) rotate(4deg); } }
  #gh-cu h1 { font-size: clamp(36px, 5.4vw, 60px) !important; font-weight: 900 !important; line-height: 1.03 !important; letter-spacing: -.03em !important; margin: 0 0 14px !important; color: #fff !important; }
  #gh-cu h1 span { background: linear-gradient(90deg, #8fa8ff, #dfe6ff, #8fa8ff) !important; background-size: 200% auto !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important; animation: ghCuGrad 5s linear infinite !important; }
  @keyframes ghCuGrad { to { background-position: 200% center; } }
  #gh-cu .hero p { color: #cfd8ef !important; font-size: 17px !important; line-height: 1.7 !important; margin: 0 auto 22px !important; max-width: 560px !important; }
  #gh-cu .status { display: inline-flex !important; align-items: center !important; gap: 10px !important; padding: 10px 18px !important; border-radius: 999px !important; background: rgba(255,255,255,.1) !important; border: 1px solid rgba(255,255,255,.2) !important; font-size: 14px !important; font-weight: 700 !important; color: #fff !important; }
  #gh-cu .status i { width: 10px !important; height: 10px !important; border-radius: 50% !important; background: #9aa3b8 !important; }
  #gh-cu .status.open i { background: #3ddc84 !important; animation: ghCuOpen 1.8s infinite !important; }
  @keyframes ghCuOpen { 0% { box-shadow: 0 0 0 0 rgba(61,220,132,.7); } 70% { box-shadow: 0 0 0 9px rgba(61,220,132,0); } 100% { box-shadow: 0 0 0 0 rgba(61,220,132,0); } }
  #gh-cu .status small { font-weight: 500 !important; color: #c9d6ff !important; font-size: 13px !important; }

  /* QUICK CARDS */
  #gh-cu .quick { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important; gap: 14px !important; margin-top: -54px !important; padding: 0 26px !important; position: relative !important; z-index: 2 !important; }
  #gh-cu .qc { display: flex !important; gap: 14px !important; align-items: center !important; padding: 20px !important; border-radius: 18px !important; background: #fff !important; border: 1px solid var(--line) !important; box-shadow: 0 22px 44px -28px rgba(14,26,61,.55) !important; text-decoration: none !important; transition: transform .3s ease, border-color .3s ease !important; }
  #gh-cu a.qc:hover { transform: translateY(-5px) !important; border-color: var(--b) !important; }
  #gh-cu .qc .ib { width: 48px !important; height: 48px !important; border-radius: 14px !important; background: var(--b) !important; color: #fff !important; transition: transform .35s ease !important; }
  #gh-cu .qc:hover .ib { transform: rotate(-8deg) scale(1.06) !important; }
  #gh-cu .qc .ib svg { width: 21px !important; height: 21px !important; }
  #gh-cu .qc small { display: block !important; font-size: 11px !important; font-weight: 800 !important; letter-spacing: .12em !important; text-transform: uppercase !important; color: var(--muted) !important; }
  #gh-cu .qc b { display: block !important; font-size: 15.5px !important; font-weight: 800 !important; color: var(--navy) !important; line-height: 1.35 !important; word-break: break-word !important; }
  #gh-cu .qc span.s { display: block !important; font-size: 12.5px !important; color: var(--muted) !important; font-weight: 500 !important; }

  /* MAIN GRID */
  #gh-cu .main { display: flex !important; flex-wrap: wrap !important; gap: 20px !important; align-items: stretch !important; }
  #gh-cu .form-card { flex: 1.5 1 480px !important; min-width: 0 !important; padding: 36px !important; border-radius: 24px !important; background: #fff !important; border: 1px solid var(--line) !important; box-shadow: 0 30px 60px -44px rgba(14,26,61,.5) !important; }
  #gh-cu h2 { font-size: clamp(24px, 3vw, 30px) !important; font-weight: 900 !important; letter-spacing: -.02em !important; color: var(--navy) !important; margin: 0 0 6px !important; line-height: 1.15 !important; }
  #gh-cu h2 span { color: var(--b) !important; }
  #gh-cu .form-card > p { color: var(--muted) !important; margin: 0 0 22px !important; font-size: 15px !important; }
  #gh-cu .topics { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin: 0 0 20px !important; }
  #gh-cu .topics button { all: unset !important; box-sizing: border-box !important; cursor: pointer !important; display: inline-flex !important; align-items: center !important; gap: 7px !important; padding: 9px 14px !important; border-radius: 999px !important; border: 1.5px solid var(--line) !important; background: var(--b-ll) !important; font-family: inherit !important; font-size: 13.5px !important; font-weight: 700 !important; color: var(--navy) !important; transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease !important; }
  #gh-cu .topics button:hover { transform: translateY(-2px) !important; border-color: var(--b) !important; }
  #gh-cu .topics button:focus-visible { outline: 2px solid var(--b) !important; outline-offset: 2px !important; }
  #gh-cu .topics button.on { background: var(--b) !important; border-color: var(--b) !important; color: #fff !important; }
  #gh-cu .row2 { display: flex !important; flex-wrap: wrap !important; gap: 14px !important; }
  #gh-cu .row2 .fld { flex: 1 1 220px !important; }
  #gh-cu .fld { margin: 0 0 16px !important; }
  #gh-cu .fld label { display: block !important; font-size: 12.5px !important; font-weight: 800 !important; letter-spacing: .04em !important; color: var(--navy) !important; margin: 0 0 7px !important; }
  #gh-cu .fld label em { font-style: normal !important; color: var(--muted) !important; font-weight: 500 !important; }
  #gh-cu .inp { position: relative !important; }
  #gh-cu .inp > svg { position: absolute !important; left: 15px !important; top: 16px !important; width: 18px !important; height: 18px !important; color: #98a1b8 !important; pointer-events: none !important; transition: color .2s ease !important; }
  #gh-cu .inp input, #gh-cu .inp textarea { all: unset !important; box-sizing: border-box !important; display: block !important; width: 100% !important; padding: 14px 14px 14px 46px !important; border-radius: 13px !important; border: 1.5px solid var(--line) !important; background: var(--b-ll) !important; font-family: inherit !important; font-size: 15px !important; color: var(--ink) !important; transition: border-color .2s ease, box-shadow .2s ease, background .2s ease !important; white-space: pre-wrap !important; }
  #gh-cu .inp textarea { min-height: 140px !important; resize: vertical !important; line-height: 1.6 !important; }
  #gh-cu .inp input::placeholder, #gh-cu .inp textarea::placeholder { color: #9aa2b8 !important; }
  #gh-cu .inp input:focus, #gh-cu .inp textarea:focus { border-color: var(--b) !important; background: #fff !important; box-shadow: 0 0 0 4px rgba(76,110,245,.14) !important; }
  #gh-cu .inp:focus-within > svg { color: var(--b) !important; }
  #gh-cu .inp.bad input, #gh-cu .inp.bad textarea { border-color: var(--red) !important; box-shadow: 0 0 0 4px rgba(214,69,69,.12) !important; }
  #gh-cu .inp.bad { animation: ghCuShake .4s ease !important; }
  @keyframes ghCuShake { 20%, 60% { transform: translateX(-6px); } 40%, 80% { transform: translateX(6px); } }
  #gh-cu .cnt { position: absolute !important; right: 12px !important; bottom: 10px !important; font-family: 'JetBrains Mono', monospace !important; font-size: 11px !important; color: #9aa2b8 !important; pointer-events: none !important; }
  #gh-cu .send { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 14px !important; }
  #gh-cu .go { all: unset !important; box-sizing: border-box !important; cursor: pointer !important; position: relative !important; overflow: hidden !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; padding: 16px 28px !important; border-radius: 14px !important; background: var(--b) !important; color: #fff !important; font-family: inherit !important; font-size: 15.5px !important; font-weight: 800 !important; box-shadow: 0 16px 30px -14px rgba(76,110,245,.85) !important; transition: transform .25s ease, background .25s ease !important; }
  #gh-cu .go:hover { transform: translateY(-2px) !important; background: var(--b-d) !important; }
  #gh-cu .go:focus-visible { outline: 3px solid var(--glow) !important; outline-offset: 3px !important; }
  #gh-cu .go::after { content: "" !important; position: absolute !important; top: 0 !important; left: -80% !important; width: 50% !important; height: 100% !important; background: linear-gradient(100deg, transparent, rgba(255,255,255,.35), transparent) !important; transform: skewX(-18deg) !important; animation: ghCuBtn 3.8s ease-in-out infinite !important; }
  @keyframes ghCuBtn { 0%, 60% { left: -80%; } 100% { left: 140%; } }
  #gh-cu .go svg { width: 18px !important; height: 18px !important; transition: transform .25s ease !important; }
  #gh-cu .go:hover svg { transform: translate(3px, -3px) !important; }
  #gh-cu .send small { font-size: 12.5px !important; color: var(--muted) !important; flex: 1 1 220px !important; }
  #gh-cu .msg { display: none !important; gap: 12px !important; align-items: flex-start !important; margin: 18px 0 0 !important; padding: 14px 16px !important; border-radius: 14px !important; font-size: 14px !important; line-height: 1.55 !important; }
  #gh-cu .msg.show { display: flex !important; animation: ghCuIn .45s ease !important; }
  @keyframes ghCuIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
  #gh-cu .msg.ok { background: #eaf8f1 !important; color: #145c3b !important; border: 1px solid #c3ead6 !important; }
  #gh-cu .msg.err { background: #fdf0f0 !important; color: #8f2c2c !important; border: 1px solid #f3cccc !important; }
  #gh-cu .msg svg { width: 20px !important; height: 20px !important; flex-shrink: 0 !important; margin-top: 1px !important; }
  #gh-cu .msg a { color: inherit !important; border-bottom: 1.5px solid currentColor !important; }

  /* SIDE */
  #gh-cu .side { flex: 1 1 320px !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; gap: 16px !important; }
  #gh-cu .hours { padding: 28px !important; border-radius: 24px !important; background: linear-gradient(160deg, var(--navy), var(--navy-2)) !important; color: #fff !important; position: relative !important; overflow: hidden !important; }
  #gh-cu .hours::after { content: "" !important; position: absolute !important; width: 220px !important; height: 220px !important; right: -90px !important; top: -90px !important; border-radius: 50% !important; background: rgba(143,168,255,.1) !important; }
  #gh-cu .hours h3 { display: flex !important; align-items: center !important; gap: 10px !important; font-size: 18px !important; font-weight: 800 !important; margin: 0 0 16px !important; color: #fff !important; }
  #gh-cu .hours h3 svg { width: 20px !important; height: 20px !important; color: var(--glow) !important; }
  #gh-cu .day { position: relative !important; z-index: 1 !important; display: flex !important; justify-content: space-between !important; gap: 12px !important; padding: 11px 14px !important; border-radius: 12px !important; font-size: 14px !important; margin: 0 0 6px !important; background: rgba(255,255,255,.05) !important; border: 1px solid transparent !important; transition: background .3s ease, border-color .3s ease !important; }
  #gh-cu .day span { color: #c9d6ff !important; font-weight: 600 !important; }
  #gh-cu .day b { color: #fff !important; font-weight: 800 !important; }
  #gh-cu .day.off b { color: #ff9c9c !important; }
  #gh-cu .day.now { background: rgba(76,110,245,.35) !important; border-color: rgba(143,168,255,.5) !important; }
  #gh-cu .hours p { position: relative !important; z-index: 1 !important; margin: 12px 0 0 !important; font-size: 12.5px !important; color: #b3c0e0 !important; }
  #gh-cu .help { padding: 26px !important; border-radius: 24px !important; background: var(--b-ll) !important; border: 1px solid var(--b-line) !important; }
  #gh-cu .help h3 { font-size: 17px !important; font-weight: 800 !important; color: var(--navy) !important; margin: 0 0 12px !important; }
  #gh-cu .hl { display: flex !important; align-items: center !important; gap: 12px !important; padding: 12px 14px !important; border-radius: 12px !important; background: #fff !important; border: 1px solid var(--line) !important; margin: 0 0 8px !important; text-decoration: none !important; transition: transform .25s ease, border-color .25s ease !important; }
  #gh-cu .hl:last-child { margin: 0 !important; }
  #gh-cu .hl:hover { transform: translateX(4px) !important; border-color: var(--b) !important; }
  #gh-cu .hl .ib { width: 34px !important; height: 34px !important; border-radius: 10px !important; background: var(--b-l) !important; color: var(--b-d) !important; }
  #gh-cu .hl .ib svg { width: 16px !important; height: 16px !important; }
  #gh-cu .hl b { flex: 1 !important; font-size: 14px !important; font-weight: 700 !important; color: var(--navy) !important; }
  #gh-cu .hl > svg { width: 16px !important; height: 16px !important; color: var(--b) !important; }

  #gh-cu .rv { opacity: 0 !important; transform: translateY(24px) !important; transition: opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1) !important; }
  #gh-cu .rv.in { opacity: 1 !important; transform: none !important; }
  #gh-cu .quick .rv:nth-child(2) { transition-delay: .08s !important; } #gh-cu .quick .rv:nth-child(3) { transition-delay: .16s !important; }

  @media (max-width: 700px) {
    #gh-cu .hero { padding: 36px 20px 80px !important; border-radius: 22px !important; }
    #gh-cu .bub { display: none !important; }
    #gh-cu .quick { padding: 0 8px !important; }
    #gh-cu .form-card { padding: 26px 18px !important; }
  }
  @media (prefers-reduced-motion: reduce) {
    #gh-cu *, #gh-cu *::before, #gh-cu *::after { animation: none !important; transition: none !important; }
    #gh-cu .rv { opacity: 1 !important; transform: none !important; }
  }