.contact-grid{grid-template-columns:1fr 1.5fr;gap:4rem;margin-top:3rem;display:grid}.contact-info{padding-top:1rem}.contact-info h3{background:linear-gradient(90deg, var(--color-text) 0%, var(--color-accent) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:2rem}.contact-info p{color:var(--color-text-muted);margin-bottom:1.5rem;font-size:1.05rem;line-height:1.7}.contact-form-container{display:grid;position:relative}.contact-form,.thank-you{grid-area:1/1}.contact-form.is-sent{visibility:hidden;pointer-events:none}.thank-you{flex-direction:column;justify-content:center;height:100%;padding:2.5rem;display:flex}.thank-you h3{margin-bottom:1rem;font-size:2rem}.thank-you p{color:var(--color-text-muted);margin-bottom:1.75rem;font-size:1.05rem;line-height:1.7}.contact-form{grid-template-columns:1fr 1fr;gap:1.5rem;padding:2.5rem;display:grid;position:relative}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group.full-width{grid-column:span 2}.form-group label{color:var(--color-text-muted);margin-bottom:.25rem;font-size:.9rem}.contact-form input,.contact-form textarea,.contact-form select{width:100%;color:var(--color-text);transition:border-color .3s var(--easing), background-color .3s var(--easing);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:#00000061;border:1px solid #ffffff29;border-radius:10px;padding:.8rem 1rem;font-family:inherit;font-size:1rem;box-shadow:inset 0 1px 2px #00000059}.contact-form select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--color-accent) 50%), linear-gradient(135deg, var(--color-accent) 50%, transparent 50%);background-position:calc(100% - 18px) 1.15rem,calc(100% - 12px) 1.15rem;background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:2.2rem}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--color-accent);outline:none}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#ffffff9e;opacity:1}.submit-button-override{grid-column:span 2;justify-content:center;align-items:center;gap:.75rem;display:inline-flex}.submit-button-override svg{transition:transform .3s var(--easing)}.submit-button-override:hover svg{transform:translate(4px)}@media (max-width:992px){.contact-grid{grid-template-columns:1fr;gap:3rem}}@media (max-width:768px){.contact-form,.thank-you{grid-template-columns:1fr;padding:1.5rem}.form-group.full-width,.submit-button-override{grid-column:span 1}}.error-message{color:var(--color-danger);min-height:1rem;margin-top:.25rem;font-size:.8rem;display:block}.form-status{text-align:center;border-radius:6px;margin-bottom:1rem;padding:.5rem;font-weight:500}.form-status.error{background-color:#ff4d4d1a;background-color:color-mix(in display-p3, var(--color-danger) 10%, transparent);color:var(--color-danger)}.form-status.success{background-color:#2ed5731a;background-color:color-mix(in display-p3, var(--color-success) 10%, transparent);color:var(--color-success)}button:disabled{opacity:.7;cursor:not-allowed}.dev-mode-notice{color:var(--color-warning);margin-top:.5rem;font-size:.8rem}.contact-page{padding:9rem 0 6rem}.contact-page .section-title{margin-bottom:.5rem}.contact-notice{border:1px solid color-mix(in display-p3, var(--color-warning) 45%, transparent);background:color-mix(in display-p3, var(--color-warning) 10%, transparent);color:var(--color-text);border-radius:10px;grid-column:1/-1;padding:1rem 1.25rem;line-height:1.6}.contact-info .contact-note{font-size:.95rem}.early-access-wrap{max-width:720px;margin-top:1.5rem}.early-access-form{row-gap:1rem;position:relative}.ea-turnstile-slot{z-index:5;width:0;height:0;position:absolute;top:100%;left:0;overflow:visible}.early-access-form .form-status{min-height:1.4rem;margin:0;padding:0}#early-access{scroll-margin-top:6rem}.contact-form .optional{color:var(--color-text-muted);font-size:.85em}.ea-fine{color:var(--color-text-muted);grid-column:1/-1;margin:0;font-size:.85rem}.ea-fine a{color:var(--color-accent)}.contact-form.frost,.thank-you.frost,.early-access-form.frost{filter:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#08080cf0;scale:none}.contact-form select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.contact-form select option,.contact-form select optgroup{color:var(--color-text);background-color:#14141c}.contact-form select option:checked,.contact-form select option:hover{color:var(--color-text);background-color:#1f3a2f}.contact-form select option[value=""]{color:var(--color-text-muted)}
