@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500&family=Inter:wght@400;500;600&family=Sora:wght@600;700;800&display=swap";
.contact-wrapper{--c-bg:#04070d;--c-gold:#d4af37;--c-gold-soft:#d4af371a;--c-line:#d4af3733;--c-line-strong:#d4af3780;--c-text:#f8fafc;--c-soft:#cbd5e1;--c-muted:#94a3b8;--c-card:#0d1424d9;--c-field:#04070db3;--f-head:"Sora", "Inter", system-ui, sans-serif;--f-body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--f-mono:"Fira Code", ui-monospace, monospace;background:var(--c-bg);width:100%;min-height:100dvh;color:var(--c-text);font-family:var(--f-body);flex-direction:column;display:flex;position:relative;overflow-x:clip}.contact-wrapper:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(700px 420px at 90% 0,#d4af3717,#0000 60%),radial-gradient(600px 400px at 0 70%,#38bdf80d,#0000 60%);position:fixed;inset:0}.contact-wrapper *,.contact-wrapper :before,.contact-wrapper :after{box-sizing:border-box}.contact-page{z-index:1;flex:1 0 auto;align-items:center;width:100%;padding:clamp(84px,10vw,110px) 0 clamp(28px,4vw,48px);display:flex;position:relative}.contact-container{width:100%;max-width:1100px;margin:0 auto;padding:0 clamp(16px,3vw,28px)}.contact-footer-slot{z-index:2;border-top:1px solid var(--c-line);flex-shrink:0;width:100%;margin-top:auto;position:relative}.contact-footer-slot>footer{width:95%;margin:20px}.contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(28px,5vw,64px);display:grid}.contact-tag{font-family:var(--f-mono);letter-spacing:.4px;color:var(--c-gold);background:var(--c-gold-soft);border:1px solid var(--c-line);border-radius:6px;margin-bottom:14px;padding:3px 10px;font-size:11px;display:inline-block}.contact-title{font-family:var(--f-head);letter-spacing:-1.2px;margin:0 0 14px;font-size:clamp(28px,4.2vw,46px);font-weight:800;line-height:1.08}.contact-lead{max-width:470px;color:var(--c-muted);margin:0 0 24px;font-size:clamp(14px,1.3vw,15.5px);line-height:1.7}.contact-actions{gap:10px;max-width:470px;margin:0 0 18px;padding:0;list-style:none;display:grid}.contact-action{color:inherit;background:var(--c-card);border:1px solid var(--c-line);border-radius:14px;align-items:center;gap:14px;padding:12px 14px;text-decoration:none;transition:border-color .2s,background .2s,transform .2s;display:flex}.contact-action:hover,.contact-action:focus-visible{border-color:var(--c-line-strong);background:#18233af2;transform:translateY(-2px)}.contact-action-icon{width:42px;height:42px;color:var(--c-gold);background:var(--c-gold-soft);border:1px solid var(--c-line);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.contact-action--wa .contact-action-icon{color:#25d366;background:#25d3661a;border-color:#25d3664d}.contact-action-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.contact-action-text strong{font-family:var(--f-head);color:var(--c-text);font-size:14px;font-weight:600}.contact-action-text small{color:var(--c-muted);overflow-wrap:anywhere;font-size:13px}.contact-action-go{color:var(--c-muted);flex-shrink:0;transition:color .2s,transform .2s}.contact-action:hover .contact-action-go{color:var(--c-gold);transform:translate(2px,-2px)}.contact-meta{color:var(--c-muted);flex-wrap:wrap;gap:8px 22px;font-size:13px;display:flex}.contact-meta-item{align-items:center;gap:8px;display:inline-flex}.contact-meta-item svg{color:var(--c-gold);flex-shrink:0}.contact-form-card{background:var(--c-card);border:1px solid var(--c-line);border-radius:20px;padding:clamp(20px,3vw,30px);position:relative;box-shadow:0 24px 60px #00000073,inset 0 0 0 1px #ffffff05}.contact-form-card:before{content:"";background:linear-gradient(90deg, transparent, var(--c-gold), transparent);border-radius:2px;height:2px;position:absolute;top:-1px;left:24px;right:24px}.contact-form-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.contact-form-head h2{font-family:var(--f-head);letter-spacing:-.3px;margin:0 0 3px;font-size:clamp(18px,2vw,21px);font-weight:700}.contact-form-head p{color:var(--c-muted);margin:0;font-size:13px}.contact-live{color:#34d399;background:#34d39914;border:1px solid #34d39940;border-radius:999px;flex-shrink:0;align-items:center;gap:7px;padding:4px 10px;font-size:11.5px;font-weight:500;display:inline-flex}.contact-live i{background:#34d399;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite contactPulse}@keyframes contactPulse{0%,to{box-shadow:0 0 #34d39980}50%{box-shadow:0 0 0 5px #34d39900}}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-group{min-width:0;margin-bottom:12px}.form-group label{color:var(--c-soft);margin-bottom:6px;font-size:12.5px;font-weight:500;display:block}.form-group label b{color:var(--c-gold);font-weight:600}.form-group input,.form-group select,.form-group textarea{width:100%;font-family:var(--f-body);color:var(--c-text);background:var(--c-field);border:1px solid #94a3b838;border-radius:10px;outline:none;padding:11px 13px;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#d4af3759}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--c-gold);background:#04070df2;box-shadow:0 0 0 3px #d4af3729}.form-group input::placeholder,.form-group textarea::placeholder{color:#64748b}.form-group textarea{resize:vertical;min-height:84px;max-height:220px;line-height:1.55}.form-group select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23D4AF37' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat;padding-right:36px}.form-group select option{color:var(--c-text);background:#0f172a}.form-success-msg{color:#34d399;background:#34d39914;border:1px solid #34d39940;border-radius:10px;margin:0 0 12px;padding:10px 12px;font-size:12.5px;line-height:1.5}.form-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.form-alt-btn{font-family:var(--f-body);color:var(--c-text);border:1px solid var(--c-line-strong);cursor:pointer;background:0 0;border-radius:999px;padding:12px 22px;font-size:14px;font-weight:600;transition:background .2s,border-color .2s}.form-alt-btn:hover{background:var(--c-gold-soft);border-color:var(--c-gold)}.form-hint{color:#7c8aa0;margin:12px 0 0;font-size:11.5px;line-height:1.55}.contact-wrapper a:focus-visible,.contact-wrapper button:focus-visible{outline:2px solid var(--c-gold);outline-offset:3px}@media (min-width:901px) and (max-height:780px){.contact-page{padding-top:88px;padding-bottom:24px}.contact-lead{margin-bottom:16px}.contact-actions{gap:8px;margin-bottom:14px}.contact-action{padding:9px 12px}.contact-action-icon{width:38px;height:38px}.contact-form-card{padding:20px 24px}.contact-form-head{margin-bottom:14px}.form-group{margin-bottom:10px}.form-group textarea{min-height:72px}}@media (max-width:900px){.contact-page{align-items:flex-start}.contact-grid{grid-template-columns:minmax(0,1fr);gap:28px}.contact-lead,.contact-actions{max-width:none}.contact-footer-slot>footer{width:90%;margin:20px}}@media (max-width:560px){.contact-title{letter-spacing:-.8px}.contact-form-card{border-radius:16px}.contact-form-head{flex-direction:column;gap:10px}.form-row{grid-template-columns:minmax(0,1fr);gap:0}.form-actions{flex-direction:column;align-items:stretch}.form-actions>*,.form-actions button{text-align:center;justify-content:center;width:100%}}@media (max-width:360px){.contact-action{gap:10px;padding:10px}.contact-action-icon{width:36px;height:36px}}@media (prefers-reduced-motion:reduce){.contact-action,.contact-action-go,.form-group input,.form-alt-btn{transition:none}.contact-live i{animation:none}.contact-action:hover{transform:none}}