.contact-page{min-height:calc(100vh - 64px);display:grid;grid-template-columns:1fr 1.1fr}.contact-left{background:var(--bg2);padding:clamp(3rem,6vw,5rem) clamp(2rem,5vw,4.5rem);border-right:1px solid var(--border);position:relative;overflow:hidden}.contact-left-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at -10% 80%,rgba(15,245,160,.05) 0%,transparent 60%),radial-gradient(ellipse 40% 40% at 110% 20%,rgba(15,245,160,.04) 0%,transparent 60%);pointer-events:none}.contact-left-content{position:relative;z-index:2;max-width:420px}.contact-eyebrow{font-family:DM Mono,monospace;font-size:.72rem;color:var(--green);letter-spacing:.15em;text-transform:uppercase;margin-bottom:1.25rem;display:flex;align-items:center;gap:12px}.contact-eyebrow:before{content:"";display:block;width:32px;height:1px;background:var(--green)}.contact-title{font-family:Syne,sans-serif;font-weight:700;font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;letter-spacing:-.02em;margin-bottom:1.25rem}.contact-title em{font-style:normal;color:var(--green)}.contact-lead{color:var(--text-dim);font-size:1.2rem;line-height:1.75;margin-bottom:3rem}.contact-methods{display:flex;flex-direction:column;gap:.75rem;margin-bottom:3rem}.contact-method{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--card);border:1px solid var(--border);border-radius:12px;text-decoration:none;color:inherit;transition:border-color .3s,transform .3s}.contact-method:hover{border-color:var(--border-hover);transform:translate(4px)}.contact-method-icon{width:40px;height:40px;background:#0ff5a014;border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--green);flex-shrink:0}.contact-method-icon svg{width:20px;height:20px}.contact-method-label{font-family:DM Mono,monospace;font-size:.6rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:2px}.contact-method-value{font-family:Syne,sans-serif;font-size:1.08rem;font-weight:600;color:var(--text)}.social-row{display:flex;flex-wrap:wrap;gap:10px}.social-btn{font-family:DM Mono,monospace;font-size:.65rem;color:var(--text-muted);background:var(--card);border:1px solid var(--border);padding:7px 14px;border-radius:8px;text-decoration:none;letter-spacing:.06em;text-transform:uppercase;transition:color .25s,border-color .25s,background .25s}.social-btn:hover{color:var(--green);border-color:#0ff5a04d;background:#0ff5a00d}.contact-right{background:var(--bg);padding:clamp(3rem,6vw,5rem) clamp(2rem,5vw,4.5rem);display:flex;flex-direction:column;justify-content:center}.form-header{margin-bottom:2.5rem}.form-title{font-family:Syne,sans-serif;font-weight:700;font-size:1.5rem;margin:0 0 .5rem}.form-subtitle{font-size:1.06rem;color:var(--text-muted);line-height:1.6}.project-types{display:grid;grid-template-columns:1fr 1fr;gap:8px}.project-type{position:relative;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:12px 16px;cursor:pointer;transition:border-color .25s,background .25s;display:flex;align-items:center;gap:10px;margin:0}.project-type:hover,.project-type:has(input:checked){border-color:#0ff5a066;background:#0ff5a00d}.project-type-icon{color:var(--green);flex-shrink:0;display:flex;align-items:center;justify-content:center}.project-type-icon svg{width:22px;height:22px}.project-type-label{font-family:DM Mono,monospace;font-size:.68rem;letter-spacing:.05em;color:var(--text-muted);transition:color .25s}.project-type:hover .project-type-label,.project-type:has(input:checked) .project-type-label{color:var(--green)}.contact-form{display:flex;flex-direction:column;gap:1.25rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-family:DM Mono,monospace;font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.form-label span{color:var(--green);margin-left:2px}.form-input{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:11px 14px;color:var(--text);font-family:DM Sans,sans-serif;font-size:.9rem;outline:none;transition:border-color .25s,box-shadow .25s;width:100%}.form-input::placeholder{color:var(--text-muted);opacity:1}.form-input:focus{border-color:#0ff5a066;box-shadow:0 0 0 3px #0ff5a00f}textarea.form-input{resize:vertical;min-height:120px;line-height:1.6}.form-fieldset{border:0;padding:0;margin:0 0 .25rem}.form-fieldset .form-label{margin-bottom:10px;display:block}.form-consent{margin-top:.25rem}.consent-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.consent-checkbox{flex-shrink:0;width:18px;height:18px;margin-top:2px;accent-color:var(--green);cursor:pointer}.consent-text{font-size:.94rem;color:var(--text-muted);line-height:1.6}.consent-text a{color:var(--green);text-underline-offset:3px}.consent-text a:hover{color:var(--green-dim)}.turnstile-wrap{margin-top:.25rem;min-height:65px}.form-status{margin-top:1rem;padding:.85rem 1rem;border-radius:6px;font-size:.94rem;line-height:1.55;border:1px solid var(--border)}.form-status--success{color:var(--text);background:#0ff5a014;border-color:#0ff5a059}.form-status--error{color:var(--text);background:#ff78780f;border-color:#ff787840}.btn-submit:disabled{opacity:.65;cursor:not-allowed;transform:none}.form-submit-row{display:flex;align-items:center;gap:1.5rem;margin-top:.5rem}.btn-submit{display:inline-flex;align-items:center;gap:10px;background:var(--green);color:var(--bg);font-family:DM Mono,monospace;font-size:.8rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:14px 32px;border-radius:4px;border:none;cursor:pointer;transition:all .25s;box-shadow:0 0 20px #0ff5a033;flex-shrink:0}.btn-submit:hover{background:#fff;box-shadow:0 0 32px #0ff5a059;transform:translateY(-2px)}.form-note{font-size:.94rem;color:var(--text-muted);line-height:1.6}@media(max-width:900px){.contact-page{grid-template-columns:1fr}.contact-left{border-right:none;border-bottom:1px solid var(--border)}.contact-left-content{max-width:none}}@media(max-width:600px){.form-row,.project-types{grid-template-columns:1fr}.form-submit-row{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){.contact-method:hover,.btn-submit:hover{transform:none}}
