.contact-page{position:relative;isolation:isolate;overflow:hidden;background:#080817;color:#f8f1e7}
.contact-page::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 18% 12%,rgba(55,206,204,.08),transparent 30rem),radial-gradient(circle at 84% 24%,rgba(145,78,218,.14),transparent 34rem)}
.contact-page::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(rgba(228,194,132,.24) .7px,transparent .9px);background-size:74px 78px;mask-image:linear-gradient(#000,transparent 75%);opacity:.36}
.contact-hero,.contact-channels,.contact-guide,.contact-community{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.contact-hero{position:relative;min-height:min(820px,92svh);padding:clamp(150px,18vh,220px) 0 clamp(90px,13vh,140px);display:grid;grid-template-columns:minmax(0,790px) 1fr;align-items:center;gap:clamp(36px,7vw,100px)}
.contact-hero-copy{position:relative;z-index:2}
.contact-hero h1{max-width:900px;margin:.7rem 0 1.35rem;font:400 clamp(3.5rem,7.1vw,7.1rem)/.98 Georgia,serif;letter-spacing:-.055em;text-wrap:balance}
.contact-hero h1 em{display:block;color:#c69bef;font-weight:400}
.contact-hero-copy>p{max-width:690px;margin:0;color:#d5ccdb;font-size:clamp(1.05rem,1.4vw,1.28rem);line-height:1.75;text-wrap:pretty}
.contact-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.contact-primary,.contact-secondary{min-height:54px;padding:14px 22px;display:inline-flex;align-items:center;justify-content:center;gap:28px;border-radius:999px;font-size:.85rem;font-weight:800;letter-spacing:.04em;transition:transform .25s,box-shadow .25s,border-color .25s}
.contact-primary{border:1px solid rgba(111,223,212,.58);background:linear-gradient(115deg,rgba(112,55,190,.78),rgba(25,137,145,.76));box-shadow:inset 0 1px rgba(255,255,255,.24),0 18px 48px rgba(0,0,0,.35),0 0 40px rgba(64,211,205,.1)}
.contact-secondary{border:1px solid rgba(211,185,230,.27);background:rgba(255,255,255,.035);color:#e5dbe9}
.contact-primary:hover,.contact-primary:focus-visible,.contact-secondary:hover,.contact-secondary:focus-visible{transform:translateY(-3px);border-color:#a9eee8;box-shadow:inset 0 1px rgba(255,255,255,.3),0 24px 55px rgba(0,0,0,.4),0 0 38px rgba(83,215,208,.17)}
.contact-sigil{position:relative;justify-self:center;width:clamp(180px,23vw,320px);aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(202,164,231,.23);border-radius:50%;transform:perspective(720px) rotateX(62deg) rotate(-14deg);box-shadow:0 0 0 34px rgba(152,103,202,.04),0 0 0 72px rgba(66,185,184,.025),inset 0 0 80px rgba(153,89,213,.16),0 36px 80px rgba(0,0,0,.46)}
.contact-sigil::before,.contact-sigil::after{content:"";position:absolute;inset:17%;border:1px solid rgba(87,221,213,.23);border-radius:50%}
.contact-sigil::after{inset:34%;border-color:rgba(235,196,124,.32);box-shadow:0 0 48px rgba(232,187,102,.17)}
.contact-sigil span{position:relative;z-index:2;width:25%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff9de 0 7%,#e6bf70 35%,#8a4ac8 72%,#142234);box-shadow:0 0 50px rgba(226,185,104,.46);font-size:1.35rem;transform:rotate(14deg) rotateX(-62deg)}
.contact-sigil i,.contact-sigil b{position:absolute;width:2px;height:112%;background:linear-gradient(transparent,rgba(208,176,230,.24),transparent)}
.contact-sigil i{rotate:45deg}.contact-sigil b{rotate:-45deg}
.contact-orbit{position:absolute;pointer-events:none;border:1px solid rgba(143,102,199,.13);border-radius:50%}
.contact-orbit-one{width:min(78vw,930px);aspect-ratio:1;right:-35%;top:-34%;box-shadow:0 0 0 70px rgba(126,81,180,.018),0 0 0 140px rgba(67,179,182,.012)}
.contact-orbit-two{width:min(54vw,650px);aspect-ratio:1;left:-34%;bottom:-25%;border-color:rgba(68,199,198,.09)}
.contact-channels{padding:clamp(86px,10vw,140px) 0}
.contact-section-heading{display:grid;grid-template-columns:1fr minmax(260px,430px);align-items:end;gap:28px;margin-bottom:42px}
.contact-section-heading .eyebrow{grid-column:1/-1}
.contact-section-heading h2{margin:0;font:400 clamp(2.9rem,5.5vw,5.8rem)/1 Georgia,serif;letter-spacing:-.05em}
.contact-section-heading>p{margin:0 0 .5rem;color:#beb4c8;font-size:1.02rem;line-height:1.72}
.contact-channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.contact-channel{position:relative;min-height:370px;padding:clamp(26px,4vw,46px);display:flex;flex-direction:column;align-items:flex-start;overflow:hidden;border:1px solid rgba(205,177,226,.18);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018));box-shadow:inset 0 1px rgba(255,255,255,.12),0 25px 58px rgba(0,0,0,.2);transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s,box-shadow .35s}
.contact-channel::before{content:"";position:absolute;width:260px;aspect-ratio:1;right:-95px;top:-100px;border:1px solid rgba(195,157,224,.12);border-radius:50%;box-shadow:0 0 0 28px rgba(167,122,205,.025),0 0 0 56px rgba(86,190,190,.018)}
.contact-channel::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,#b989e3,#5adad4,transparent);scale:0 1;transform-origin:left;transition:scale .4s ease}
.contact-channel:hover,.contact-channel:focus-visible{transform:translateY(-7px);border-color:rgba(111,223,213,.48);box-shadow:inset 0 1px rgba(255,255,255,.17),0 35px 70px rgba(0,0,0,.3),0 0 42px rgba(91,207,204,.09)}
.contact-channel:hover::after,.contact-channel:focus-visible::after{scale:1}
.contact-channel-icon{width:58px;aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(113,220,212,.35);border-radius:19px;background:linear-gradient(145deg,rgba(115,64,179,.38),rgba(31,121,127,.24));box-shadow:inset 0 1px rgba(255,255,255,.18),0 14px 30px rgba(0,0,0,.24)}
.contact-channel-icon svg{width:27px;height:27px;fill:none;stroke:#eefcf9;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.contact-channel-icon .social-icon-fill{fill:#eefcf9;stroke:none}
.contact-channel small{margin-top:32px;color:#8de2db;font-size:.67rem;font-weight:800;letter-spacing:.19em}
.contact-channel h3{margin:8px 0 12px;font:400 clamp(2.1rem,3.4vw,3.4rem)/1.04 Georgia,serif;letter-spacing:-.035em}
.contact-channel p{max-width:47ch;margin:0 0 28px;color:#c6bdce;line-height:1.7}
.contact-channel strong{margin-top:auto;color:#f9f2e7;font-size:.9rem;letter-spacing:.02em}
.contact-channel strong span{display:inline-block;margin-left:6px;color:#dfc17c;transition:transform .2s}
.contact-channel:hover strong span{transform:translate(3px,-3px)}
.contact-guide{padding:clamp(72px,9vw,120px) clamp(24px,5vw,68px);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(44px,8vw,110px);border:1px solid rgba(189,153,219,.2);border-radius:36px;background:radial-gradient(circle at 0 100%,rgba(35,142,145,.13),transparent 45%),linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.015));box-shadow:inset 0 1px rgba(255,255,255,.12),0 36px 78px rgba(0,0,0,.23)}
.contact-guide h2{margin:14px 0 0;font:400 clamp(2.55rem,4.4vw,4.8rem)/1.02 Georgia,serif;letter-spacing:-.05em;text-wrap:balance}
.contact-guide-list{display:grid}
.contact-guide-list p{display:grid;grid-template-columns:42px 1fr;column-gap:16px;margin:0;padding:22px 0;border-bottom:1px solid rgba(210,182,227,.14)}
.contact-guide-list p:first-child{padding-top:0}.contact-guide-list p:last-child{border-bottom:0;padding-bottom:0}
.contact-guide-list span{grid-row:1/3;color:#d9b777;font:700 .7rem/1.6 ui-monospace,monospace;letter-spacing:.12em}
.contact-guide-list strong{color:#f3ecf2;font:400 1.25rem/1.35 Georgia,serif}
.contact-guide-list small{margin-top:6px;color:#bcb2c5;font-size:.88rem;line-height:1.65}
.contact-community{margin-top:clamp(72px,10vw,138px);margin-bottom:clamp(85px,11vw,150px);padding:clamp(34px,6vw,70px);display:flex;align-items:end;justify-content:space-between;gap:40px;border-radius:34px;background:radial-gradient(circle at 84% 28%,rgba(71,205,199,.2),transparent 28rem),linear-gradient(115deg,#271241,#16162e 54%,#0d2930);box-shadow:inset 0 1px rgba(255,255,255,.16),0 28px 66px rgba(0,0,0,.28)}
.contact-community h2{max-width:760px;margin:10px 0 12px;font:400 clamp(2.5rem,4.5vw,4.7rem)/1.03 Georgia,serif;letter-spacing:-.045em}
.contact-community p{max-width:670px;margin:0;color:#d3cad7;font-size:1.03rem;line-height:1.7}
.contact-community>a{flex:none;min-height:56px;padding:14px 22px;display:inline-flex;align-items:center;gap:28px;border:1px solid rgba(134,226,218,.46);border-radius:999px;background:rgba(7,15,29,.36);font-size:.85rem;font-weight:800;transition:transform .25s,box-shadow .25s}
.contact-community>a:hover,.contact-community>a:focus-visible{transform:translateY(-3px);box-shadow:0 18px 36px rgba(0,0,0,.3),0 0 28px rgba(91,215,207,.12)}
@media(max-width:900px){.contact-hero{grid-template-columns:1fr;min-height:auto}.contact-sigil{position:absolute;right:-65px;top:130px;opacity:.42}.contact-section-heading{grid-template-columns:1fr}.contact-channel{min-height:345px}.contact-guide{grid-template-columns:1fr}.contact-community{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){.contact-hero,.contact-channels,.contact-guide,.contact-community{width:min(100% - 28px,1180px)}.contact-hero{padding-top:132px;padding-bottom:78px}.contact-hero h1{font-size:clamp(3.15rem,14vw,4.8rem)}.contact-hero-copy>p{font-size:1rem}.contact-hero-actions{align-items:stretch;flex-direction:column}.contact-primary,.contact-secondary{width:100%}.contact-sigil{right:-115px;top:108px;width:240px}.contact-channel-grid{grid-template-columns:1fr}.contact-channel{min-height:330px;border-radius:25px}.contact-section-heading h2{font-size:3.25rem}.contact-guide{padding:42px 24px;border-radius:26px}.contact-guide h2{font-size:2.8rem}.contact-community{padding:38px 24px;border-radius:26px}.contact-community>a{width:100%;justify-content:space-between}}
@media(max-width:360px){.contact-hero,.contact-channels,.contact-guide,.contact-community{width:calc(100% - 24px)}.contact-hero h1{font-size:2.95rem}.contact-channel{padding:24px}.contact-section-heading h2{font-size:2.85rem}.contact-guide h2{font-size:2.55rem}}
@media(prefers-reduced-motion:reduce){.contact-primary,.contact-secondary,.contact-channel,.contact-channel::after,.contact-channel strong span,.contact-community>a{transition:none}.contact-primary:hover,.contact-secondary:hover,.contact-channel:hover,.contact-community>a:hover{transform:none}}