:root{--contact-accent:#4cf;--contact-accent-2:#60ffa8;--contact-bg-deep:#0b101d;--contact-bg-mid:#0e1424;--contact-text:#e9f3ff;--contact-text-dim:#a9b4c7;--contact-border:#ffffff24;--contact-shadow:0 20px 60px #00000073}#contact{background:radial-gradient(1200px 800px at 50% 5%, var(--contact-bg-mid) 0%, var(--contact-bg-deep) 65%);isolation:isolate;padding:clamp(48px,7vw,96px) 0;position:relative;overflow:clip}#contact:before,#contact:after{content:"";filter:blur(24px)saturate(130%);opacity:.85;z-index:0;background:conic-gradient(from 210deg at 30% 40%,#60ffa82b,#44ccff2e,#60ffa81a,#0000 60%),radial-gradient(60% 40% at 70% 20%,#44ccff2e,#0000 60%);animation:16s linear infinite auroraShift;position:absolute;inset:-20%}#contact:after{mix-blend-mode:screen;animation-duration:22s}@keyframes auroraShift{0%{transform:translate(-2%,-1%)rotate(0)scale(1.05)}50%{transform:translate(1%,1%)rotate(2deg)scale(1.1)}to{transform:translate(-2%,-1%)rotate(0)scale(1.05)}}#contact .container{z-index:1;max-width:1200px;margin:0 auto;padding-inline:clamp(16px,4vw,32px);position:relative}#contact .container:before{content:"";pointer-events:none;background:radial-gradient(300px 260px at var(--mx,50%) var(--my,30%), #60ffa81f, #44ccff1a, transparent 60%);filter:blur(16px);z-index:0;transition:opacity .3s;position:absolute;inset:-2rem}@media (hover:none){#contact .container:before{opacity:.5}}#contact h2{margin:0 0 16px}@media (width>=1024px){#contact .container{grid-template-columns:.9fr 1.4fr;align-items:start;gap:clamp(24px,4vw,56px);display:grid}#contact h2{align-self:start;margin:0;font-size:clamp(32px,4.2vw,56px);line-height:1.05;position:sticky;top:24px}}#contact .form{border:1px solid var(--contact-border);box-shadow:var(--contact-shadow);-webkit-backdrop-filter:blur(10px)saturate(120%);background:linear-gradient(#ffffff0a,#ffffff05);border-radius:16px;gap:14px;max-width:720px;margin-inline:auto;padding:clamp(16px,2.4vw,24px);display:grid;position:relative}@media (width>=820px){#contact .form{grid-template-columns:repeat(12,1fr);max-width:none;margin:0}#contact .form .input[name=name],#contact .form .input[name=email]{grid-column:span 6}#contact .form .textarea{grid-column:span 12}#contact .form .btn{grid-column:span 4;justify-self:start}}#contact .field-wrap{display:contents}#contact .input,#contact .textarea{width:100%;color:var(--contact-text);background:linear-gradient(var(--field-bg,#0a0e188c), var(--field-bg,#0a0e188c)) padding-box, linear-gradient(120deg, #44ccff59, #60ffa859) border-box;border:1px solid #0000;border-radius:12px;outline:none;padding:14px;font-size:16px;transition:box-shadow .25s,background-color .25s,transform 60ms;box-shadow:inset 0 0 #4cf0}#contact .input::placeholder,#contact .textarea::placeholder{color:var(--contact-text-dim);opacity:.75}#contact .textarea{resize:none;min-height:140px}#contact .input:focus,#contact .textarea:focus{transform:translateY(-1px);box-shadow:0 8px 28px #44ccff14,inset 0 0 0 1px #44ccff8c}#contact .field--invalid .input,#contact .field--invalid .textarea{background:linear-gradient(#190a0ea6,#190a0ea6) padding-box padding-box,linear-gradient(120deg,#ff607899,#ffbc6066) border-box}#contact .field-msg{color:#ff9aa9;margin-top:-6px;margin-bottom:6px;font-size:12px;line-height:1.4;display:none}#contact .field--invalid .field-msg{display:block}#contact .counter{color:var(--contact-text-dim);align-items:center;gap:8px;margin-top:-2px;font-size:12px;display:flex}#contact .counter__bar{background:#ffffff14;border-radius:99px;flex:1;height:4px;position:relative;overflow:hidden}#contact .counter__fill{transform-origin:0;transform:scaleX(var(--pct,0));background:linear-gradient(90deg, var(--contact-accent), var(--contact-accent-2));position:absolute;inset:0}#contact .btn{--btn-bg:linear-gradient(95deg, #44ccffd9, #60ffa8d9);--btn-bg-hover:linear-gradient(95deg, #4cf, #60ffa8);--btn-text:#0a0f18;background:var(--btn-bg);color:var(--btn-text);letter-spacing:.3px;cursor:pointer;border:1px solid #ffffff2e;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px 16px;font-weight:700;transition:transform 80ms,box-shadow .25s,background .25s;display:inline-flex;position:relative;box-shadow:0 10px 30px #44ccff26}#contact .btn:hover{background:var(--btn-bg-hover);transform:translateY(-1px)}#contact .btn:active{transform:translateY(0)}#contact .btn .spinner{border:2px solid #0a0f1459;border-top-color:#0a0f14e6;border-radius:50%;width:16px;height:16px;animation:.9s linear infinite spin;display:none}@keyframes spin{to{transform:rotate(360deg)}}#contact .btn.is-sending{pointer-events:none}#contact .btn.is-sending .spinner{display:inline-block}#contact .btn.is-sending .btn__label{opacity:.8}#contact .btn.is-success{background:linear-gradient(95deg,#60ffa8,#7effd1);box-shadow:0 14px 36px #60ffa838}#contact .btn .check{font-size:16px;display:none}#contact .btn.is-success .check{display:inline-block}#contact .btn.is-success .spinner,#contact .btn.is-success .btn__label{display:none}#contact .toast{border:1px solid var(--contact-border);color:var(--contact-text);backdrop-filter:blur(8px);opacity:0;background:#0c121eb3;border-radius:10px;padding:10px 12px;font-size:13px;transition:opacity .25s,transform .25s;position:absolute;bottom:14px;right:14px;transform:translateY(6px)}#contact .toast.is-show{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){#contact:before,#contact:after{animation:none}#contact .btn,#contact .input,#contact .textarea{transition:none}}@media (width<=768px){#contact .form{background:#0b101df2;-webkit-backdrop-filter:none!important}#contact:before,#contact:after,#contact .container:before{display:none!important}#contact .input:focus,#contact .textarea:focus,#contact .btn:hover,#contact .btn:active{transform:none!important}#contact .input:focus,#contact .textarea:focus{box-shadow:inset 0 0 0 1px #44ccff80}#contact .toast{backdrop-filter:none;transition:opacity .2s}#contact .btn:hover{background:var(--btn-bg)}}