*{box-sizing:border-box}
body{margin:0;background:#030d1a;color:#e9faff;font-family:system-ui,sans-serif}
.contact-main{position:relative;z-index:2;width:calc(100% - var(--rail,242px));margin:0 0 0 var(--rail,242px);padding:32px clamp(26px,4vw,64px) 70px}
.contact-wrap{max-width:1080px;margin-inline:auto}
.contact-heading{text-align:center;margin:0 auto 35px;max-width:830px}
.contact-brand{display:flex;align-items:center;justify-content:center;gap:14px;color:#e6fbff;text-decoration:none;font:400 24px/1.1 NeonTube,Arial,sans-serif;letter-spacing:1.5px;text-shadow:0 0 8px #2ecfff}
.contact-brand b{font-weight:400;color:#7debff}.contact-brand img{width:66px;height:70px;object-fit:contain;filter:drop-shadow(0 0 12px #11cfff55)}
.contact-eyebrow{font-size:11px;letter-spacing:.22em;color:#a6d8e5;margin:20px 0 10px;text-shadow:0 2px 4px #00101f}
.contact-heading h1{font:400 clamp(52px,6vw,82px)/1.12 NeonTube,Arial,sans-serif;margin:8px 0 18px;color:#edffff;letter-spacing:.4px;text-shadow:0 0 2px #fff,0 0 8px #4beaff,0 0 25px #00bfff,0 3px 5px #00101f;animation:contact-title-glow 5s ease-in-out infinite}
.contact-lead{margin:0;color:#b5f5ff;font:400 clamp(25px,2.6vw,32px)/1.35 NeonTube,Arial,sans-serif;text-shadow:0 0 8px #1ecfff70,0 2px 3px #00101f}
.contact-lead span{display:block;margin-top:9px;color:#d6e8f7;font-size:clamp(18px,1.6vw,21px);text-shadow:0 2px 4px #00101f}
.contact-lead strong{font-weight:400;color:#f4d2ff;text-shadow:0 0 10px #d577ff80}
.contact-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px;padding:4px 12px 20px 4px}
.contact-main .contact-card.holo-phone{--card-accent:#56e9ff;--card-rgb:49,221,255;--card-ink:#dfffff;--rim:var(--card-accent)!important;--rim-rgb:var(--card-rgb)!important;--rim-edge:color-mix(in srgb,var(--card-accent) 43%,#031326)!important;--rim-dark:color-mix(in srgb,var(--card-accent) 14%,#010710)!important;display:flex;align-items:stretch;flex-direction:column;min-width:0;min-height:0;text-align:center;margin:0;padding:25px 28px 30px;background:linear-gradient(135deg,#0a263cbb,#050d20c9 65%,#0b2033aa);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);animation:contact-card-float 7s ease-in-out infinite}
.contact-main .contact-call.holo-phone{--card-accent:#c38fff;--card-rgb:180,108,255;--card-ink:#f7e8ff;animation-delay:-3.5s}
.contact-art{display:block;width:100%;height:175px;overflow:visible;margin:-4px auto 4px;pointer-events:none}
.contact-art-float{animation:contact-art-hover 5s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.contact-call .contact-art-float{animation-delay:-2s}
.contact-card h2{font:400 clamp(28px,2.7vw,37px)/1.2 NeonTube,Arial,sans-serif;color:var(--card-ink);margin:8px 0 17px;letter-spacing:.2px;-webkit-text-stroke:.2px var(--card-accent);text-shadow:0 0 2px #fff8,0 0 7px var(--card-accent),0 0 20px color-mix(in srgb,var(--card-accent) 55%,transparent)}
.contact-description{font:400 20px/1.5 NeonTube,Arial,sans-serif;color:#d9ebf8;margin:0 0 15px;text-shadow:0 2px 4px #0008}
.contact-address,.contact-calendar-note{display:block;min-height:28px;margin:0 0 22px;font:400 18px/1.5 NeonTube,Arial,sans-serif;color:var(--card-ink);text-shadow:0 0 8px color-mix(in srgb,var(--card-accent) 50%,transparent);overflow-wrap:anywhere}
.contact-address{text-decoration-color:color-mix(in srgb,var(--card-accent) 50%,transparent);text-underline-offset:5px}
.contact-card .contact-button{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:auto;margin-bottom:18px;min-height:66px;padding:14px 18px;color:var(--card-ink);text-decoration:none;font:400 clamp(25px,2.3vw,31px)/1.15 NeonTube,Arial,sans-serif;border:3px solid color-mix(in srgb,var(--card-accent) 70%,white);border-radius:17px;background:linear-gradient(125deg,color-mix(in srgb,var(--card-accent) 18%,#08192e),#09152b);box-shadow:inset 0 1px 1px #fff9,inset 0 0 16px color-mix(in srgb,var(--card-accent) 12%,transparent),0 4px 0 color-mix(in srgb,var(--card-accent) 28%,#020b16),0 0 19px color-mix(in srgb,var(--card-accent) 30%,transparent);text-shadow:0 0 3px #fff8,0 0 10px var(--card-accent);transition:transform .2s,filter .2s,box-shadow .2s;animation:contact-button-glow 4.8s ease-in-out infinite}
.contact-call .contact-button{animation-delay:-2.4s}.contact-button:hover{transform:translateY(-3px);filter:brightness(1.2)}.contact-button:focus-visible,.contact-address:focus-visible,.contact-brand:focus-visible{outline:3px solid #fff;outline-offset:6px}.contact-button:active{transform:translateY(2px)}
.contact-card small{font-size:12px;line-height:1.5;color:#b4cbdc;min-height:18px}.contact-card .holo-phone-handle{bottom:11px}
@keyframes contact-title-glow{50%{text-shadow:0 0 3px #fff,0 0 12px #7cf4ff,0 0 34px #00bfff,0 3px 5px #00101f}}
@keyframes contact-card-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes contact-art-hover{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes contact-button-glow{50%{box-shadow:inset 0 1px 1px #fff9,inset 0 0 20px color-mix(in srgb,var(--card-accent) 20%,transparent),0 4px 0 color-mix(in srgb,var(--card-accent) 28%,#020b16),0 0 30px color-mix(in srgb,var(--card-accent) 45%,transparent)}}
@media(max-width:1024px){.contact-main{width:100%;margin:0;padding:80px 28px 60px}.contact-heading{margin-bottom:35px}}
@media(max-width:700px){.contact-main{padding:78px 22px 50px}.contact-options{grid-template-columns:1fr;gap:38px;max-width:510px;margin:auto;padding-right:7px}.contact-heading{margin-bottom:34px}.contact-main .contact-card.holo-phone{padding:25px 23px 30px}.contact-art{height:170px}.contact-card h2{font-size:34px}.contact-card .contact-button{font-size:29px}.contact-lead span{line-height:1.5}.contact-brand{font-size:21px}.contact-brand img{width:58px;height:62px}}
@media(prefers-reduced-motion:reduce){.contact-heading h1,.contact-main .contact-card.holo-phone,.contact-art-float,.contact-card .contact-button{animation:none;transition:none}}
.reduced-motion .contact-heading h1,.reduced-motion .contact-main .contact-card.holo-phone,.reduced-motion .contact-art-float,.reduced-motion .contact-card .contact-button{animation:none!important;transition:none!important}
