/* Contact page */
.contact-hero{position:relative}
.orbs{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.orb{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.35),rgba(255,143,126,.16) 38%,rgba(255,143,126,.04) 70%);border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 30px 60px -20px rgba(229,96,77,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);will-change:transform;animation:orbfloat 9s ease-in-out infinite alternate}
.orb.o1{width:150px;height:150px;right:8%;top:22%}
.orb.o2{width:80px;height:80px;right:26%;top:56%;animation-duration:12s;animation-delay:-4s}
.orb.o3{width:46px;height:46px;right:4%;top:62%;animation-duration:7s;animation-delay:-2s}
@keyframes orbfloat{from{transform:translate3d(0,0,0) rotate(0)}to{transform:translate3d(-22px,-34px,0) rotate(12deg)}}
@media(max-width:700px){.orb.o1{width:90px;height:90px;right:-10px;top:14%}.orb.o2{display:none}.orb.o3{right:12%;top:70%}}
.page-hero .wrap{position:relative;z-index:1}

.contact-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(16px,2.4vw,28px);align-items:start}
@media(max-width:900px){.contact-grid{grid-template-columns:1fr}}
.contact-side{display:grid;gap:clamp(14px,2vw,22px)}
.contact-form h2,.join h2{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:.4rem}
.contact-form>p,.join>p{margin-bottom:1.4rem}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
@media(max-width:560px){.row2{grid-template-columns:1fr}}
.field select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' fill='none' stroke='%23ff8f7e' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M1 1l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.1em center;padding-right:2.6em}
.field select option{background:#14141a;color:var(--text)}
.field.invalid input,.field.invalid textarea,.field.invalid select{border-color:#ff6b6b;box-shadow:0 0 0 4px rgba(255,107,107,.12)}
.field .err{font-size:.8rem;color:#ff9a9a;min-height:0;display:none}
.field.invalid .err{display:block;animation:errin .3s ease}
@keyframes errin{from{opacity:0;transform:translateY(-4px)}}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.submit-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:.5rem}
.submit-row small{color:var(--faint);font-size:.82rem}
.btn[disabled]{opacity:.65;cursor:progress;transform:none}
.btn .spin{display:none;width:16px;height:16px;border-radius:50%;border:2px solid rgba(28,10,6,.3);border-top-color:#1c0a06;animation:spin .7s linear infinite}
.btn.loading .spin{display:inline-block}
@keyframes spin{to{transform:rotate(360deg)}}
.status{display:none;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--r-md);margin-top:1.2rem;border:1px solid var(--stroke);font-size:.95rem}
.status.show{display:flex;animation:pop .55s cubic-bezier(.2,1.4,.4,1)}
.status.ok{border-color:rgba(120,220,160,.45);background:rgba(120,220,160,.08);color:#c9f2da}
.status.bad{border-color:rgba(255,107,107,.5);background:rgba(255,107,107,.08);color:#ffc9c9}
.status svg{flex:none;width:30px;height:30px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.status.ok svg path{stroke-dasharray:30;stroke-dashoffset:30;animation:draw .7s .2s ease forwards}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes pop{from{opacity:0;transform:scale(.92) translateY(8px)}}

.info-card{display:flex;gap:16px;align-items:flex-start}
.info-card .icon-chip{margin:0;flex:none}
.info-card h3{font-size:1rem;margin-bottom:.15rem}
.info-card p,.info-card a{font-size:.95rem}
.info-card a{color:var(--salmon)}
.info-card a:hover{text-decoration:underline}
.pulse-ring{position:relative}
.pulse-ring::after{content:"";position:absolute;inset:-1px;border-radius:14px;border:1px solid var(--salmon);animation:ring 2.6s ease-out infinite;pointer-events:none}
@keyframes ring{from{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}
.safety{border-color:var(--stroke-hot)}
.join .pill{margin:0 6px 14px 0}
.join ul{list-style:none;padding:0;margin:0 0 1.3rem;display:grid;gap:.5rem}
.join li{color:var(--muted);padding-left:1.4em;position:relative;font-size:.95rem}
.join li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--salmon);box-shadow:0 0 10px var(--salmon)}
.join .row-inline{display:flex;gap:10px;flex-wrap:wrap}
.join .row-inline .field{flex:1 1 200px;margin-bottom:0}
.join .row-inline .btn{align-self:flex-end;justify-content:center}
