.contact-page{background:radial-gradient(circle at 12% 20%,oklch(78% .15 215/.1),#0000 27%),radial-gradient(circle at 88% 74%,oklch(68% .12 185/.08),#0000 30%),linear-gradient(oklch(8% .025 245),oklch(12% .025 245));min-height:100vh;padding:104px clamp(18px,5vw,72px) 70px;position:relative;overflow:hidden}.contact-page:before{content:"";pointer-events:none;opacity:.22;background-image:linear-gradient(oklch(100% 0 0/.03) 1px,#0000 1px),linear-gradient(90deg,oklch(100% 0 0/.03) 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.contact-page__ambient{pointer-events:none;filter:blur(70px);opacity:.45;border-radius:50%;position:absolute}.contact-page__ambient--one{background:oklch(78% .15 215/.12);width:260px;height:260px;top:16%;left:-130px}.contact-page__ambient--two{background:oklch(72% .14 190/.1);width:340px;height:340px;bottom:4%;right:-170px}.contact-page__topbar{z-index:50;-webkit-backdrop-filter:blur(20px)saturate(145%);background:linear-gradient(135deg,oklch(95% .02 220/.11),oklch(62% .03 220/.04));border:1px solid oklch(94% .03 225/.24);border-radius:18px;grid-template-columns:1fr auto;align-items:center;width:min(1180px,100% - 28px);min-height:58px;padding:8px 12px 8px 18px;display:grid;position:fixed;top:14px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px oklch(100% 0 0/.16),0 18px 45px oklch(2% .02 245/.26)}.contact-page__topbar:after{content:"";border-radius:inherit;pointer-events:none;opacity:.55;background:linear-gradient(110deg,#0000 20%,oklch(100% 0 0/.07) 48%,#0000 72%);position:absolute;inset:0}.contact-page__brand,.contact-page__top-link{z-index:1;position:relative}.contact-page__brand{align-items:center;gap:10px;font-size:.84rem;font-weight:700;display:inline-flex}.contact-page__brand-mark{width:28px;height:28px;color:var(--primary);font-family:var(--font-mono);letter-spacing:-.2em;place-items:center;font-size:.58rem;font-weight:700;display:inline-grid;position:relative}.contact-page__brand-mark:before{content:"";border-left:3px solid var(--primary);border-top:3px solid #0000;position:absolute;inset:1px 6px 1px 1px;transform:skew(-18deg)}.contact-page__brand-mark span{z-index:1;position:relative}.contact-page__brand-mark span:first-child{transform:translate(-2px)}.contact-page__brand-mark span:last-child{color:oklch(97% .008 240);transform:translate(5px)}.contact-page__top-actions{align-items:center;gap:7px;display:flex}.contact-page__top-link{min-height:38px;color:var(--muted-foreground);font-family:var(--font-mono);letter-spacing:.04em;border:1px solid #0000;border-radius:11px;align-items:center;gap:7px;padding:0 12px;font-size:.58rem;transition:all .2s;display:inline-flex}.contact-page__top-link:hover{color:var(--foreground);background:oklch(100% 0 0/.06);border-color:oklch(94% .03 225/.22);box-shadow:inset 0 1px oklch(100% 0 0/.1)}.contact-page__shell{z-index:1;max-width:1180px;margin:0 auto;position:relative}.contact-page__back{color:var(--muted-foreground);font-family:var(--font-mono);letter-spacing:.08em;align-items:center;gap:8px;font-size:.61rem;display:inline-flex}.contact-page__back:hover{color:var(--foreground)}.contact-page__grid{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:center;gap:clamp(36px,7vw,92px);margin-top:clamp(54px,8vw,90px);display:grid}.contact-page__intro{position:relative}.contact-page__eyebrow{color:var(--primary);font-family:var(--font-mono);letter-spacing:.16em;margin:0 0 18px;font-size:.62rem;font-weight:650}.contact-page__signal{align-items:center;gap:5px;height:22px;margin-bottom:17px;display:flex}.contact-page__signal span{background:var(--primary);border-radius:999px;width:4px;animation:1.8s ease-in-out infinite contact-signal;display:block;box-shadow:0 0 12px oklch(78% .15 215/.45)}.contact-page__signal span:first-child{height:7px;animation-delay:-.2s}.contact-page__signal span:nth-child(2){height:13px;animation-delay:-.45s}.contact-page__signal span:nth-child(3){height:19px;animation-delay:-.7s}.contact-page__signal span:nth-child(4){height:10px;animation-delay:-.95s}@keyframes contact-signal{0%,to{opacity:.35;transform:scaleY(.65)}50%{opacity:1;transform:scaleY(1)}}.contact-page h1{letter-spacing:-.06em;max-width:720px;margin:0;font-size:clamp(3.5rem,7.4vw,7rem);line-height:.82}.contact-page h1 em{color:var(--primary);font-style:normal}.contact-page__lead{max-width:520px;color:var(--muted-foreground);margin:30px 0 0;font-size:1rem;line-height:1.75}.contact-page__status-card,.contact-form-panel{-webkit-backdrop-filter:blur(22px)saturate(140%);background:linear-gradient(135deg,oklch(95% .02 220/.1),oklch(70% .03 220/.04));border:1px solid oklch(94% .03 225/.22);box-shadow:inset 0 1px oklch(100% 0 0/.14),0 24px 60px oklch(2% .02 245/.25)}.contact-page__status-card{max-width:520px;font-family:var(--font-mono);border-radius:18px;margin-top:38px;padding:17px}.contact-page__status-head{border-bottom:1px solid var(--line);color:var(--muted-foreground);letter-spacing:.08em;justify-content:space-between;padding-bottom:13px;font-size:.53rem;display:flex}.contact-page__status-head span:first-child{color:var(--primary)}.contact-page__status-head i{background:var(--primary);width:6px;height:6px;box-shadow:0 0 10px var(--primary);border-radius:50%;margin-right:7px;display:inline-block}.contact-page__status-grid{grid-template-columns:1fr 1fr;gap:13px;padding:17px 0;display:grid}.contact-page__status-grid div{gap:5px;display:grid}.contact-page__status-grid span{color:var(--muted-foreground);font-size:.48rem}.contact-page__status-grid strong{color:var(--foreground);font-size:.56rem;font-weight:500}.contact-page__status-footer{border-top:1px solid var(--line);color:var(--muted-foreground);align-items:center;gap:7px;padding-top:13px;font-size:.5rem;display:flex}.contact-page__status-footer svg{color:var(--primary);flex:none}.contact-form-panel{border-radius:24px;overflow:hidden}.contact-form-panel__chrome{border-bottom:1px solid var(--line);background:oklch(8% .02 245/.36);align-items:center;gap:6px;min-height:40px;padding:0 16px;display:flex}.contact-form-panel__chrome>span{background:oklch(80% .03 225/.35);border-radius:50%;width:6px;height:6px}.contact-form-panel__chrome>span:first-child{background:oklch(78% .15 215/.75);box-shadow:0 0 9px oklch(78% .15 215/.35)}.contact-form-panel__chrome small{color:var(--muted-foreground);font-family:var(--font-mono);letter-spacing:.09em;margin-left:8px;font-size:.48rem}.contact-form{gap:17px;padding:clamp(22px,4vw,34px);display:grid}.contact-form__row{grid-template-columns:1fr 1fr;gap:17px;display:grid}.contact-form label{color:var(--muted-foreground);font-family:var(--font-mono);letter-spacing:.08em;gap:8px;font-size:.54rem;display:grid}.contact-form input,.contact-form textarea{border:1px solid var(--input);width:100%;color:var(--foreground);font:inherit;font-family:var(--font-mono);letter-spacing:normal;resize:vertical;background:oklch(5% .02 245/.46);border-radius:11px;outline:none;padding:13px 14px;font-size:.76rem;transition:border-color .2s,box-shadow .2s,background .2s}.contact-form input::placeholder,.contact-form textarea::placeholder{color:oklch(76% .035 235/.52)}.contact-form input:focus,.contact-form textarea:focus{background:oklch(8% .025 245/.65);border-color:oklch(78% .15 215/.58);box-shadow:0 0 0 3px oklch(78% .15 215/.09),0 0 24px oklch(78% .15 215/.07)}.contact-form textarea{min-height:190px}.contact-form__footer{justify-content:space-between;align-items:center;gap:18px;padding-top:5px;display:flex}.contact-form__status{min-height:1em;color:var(--muted-foreground);font-family:var(--font-mono);letter-spacing:.05em;margin:0;font-size:.52rem}.contact-form__status.is-success{color:var(--primary)}.contact-form__status.is-error{color:var(--destructive)}.contact-form button{min-height:44px;color:var(--foreground);font-family:var(--font-mono);letter-spacing:.04em;cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,oklch(78% .15 215/.15),oklch(70% .03 220/.05));border:1px solid oklch(78% .15 215/.48);border-radius:11px;align-items:center;gap:10px;padding:0 17px;font-size:.6rem;transition:transform .2s,border-color .2s,background .2s;display:inline-flex;box-shadow:inset 0 1px oklch(100% 0 0/.15),0 10px 28px oklch(2% .02 245/.2)}.contact-form button:hover:not(:disabled){background:linear-gradient(135deg,oklch(78% .15 215/.22),oklch(70% .03 220/.07));border-color:oklch(78% .15 215/.75);transform:translateY(-1px)}.contact-form button:disabled{opacity:.55;cursor:wait}.contact-form__honeypot{opacity:0;height:1px;position:absolute;left:-10000px;width:1px!important}@media (width<=900px){.contact-page__grid{grid-template-columns:1fr;margin-top:54px}.contact-page__status-card{max-width:620px}}@media (width<=620px){.contact-page{padding-top:92px}.contact-page__topbar{width:calc(100% - 20px);min-height:54px;padding-left:12px;top:10px}.contact-page__brand{font-size:.72rem}.contact-page__brand-mark{width:25px;height:25px}.contact-page__top-link{min-height:34px;padding:0 9px}.contact-page__top-link span{display:none}.contact-page__grid{margin-top:42px}.contact-page h1{font-size:clamp(3.1rem,15vw,5rem)}.contact-page__lead{margin-top:24px;font-size:.9rem}.contact-page__status-grid{grid-template-columns:1fr 1fr}.contact-form__row{grid-template-columns:1fr}.contact-form__footer{flex-direction:column;align-items:stretch}.contact-form button{justify-content:center}}
