.sp-contact-page{position:relative;isolation:isolate;overflow:hidden;padding-block:var(--space-2xl);padding-inline:var(--space-md)}.sp-contact-page__bg{position:absolute;inset-block-start:0;inset-inline:0;height:62%;background:var(--bg-invert);z-index:-1}.sp-contact-page__inner{width:100%;max-width:860px;margin-inline:auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-xl)}.sp-contact-page__header{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);text-align:center}.sp-contact-page__tagline{font-size:var(--text-sm);font-weight:600;color:var(--neutral-200);text-transform:uppercase;letter-spacing:.1em;margin:0}.sp-contact-page__heading{font-size:var(--text-2xl);color:#fff;margin:0}.sp-contact-page__desc{color:oklch(95% .01 var(--hue-brand) / .85);max-width:480px;margin:0}.sp-contact-page__grid{width:100%;display:grid;grid-template-columns:1fr 1.6fr;gap:var(--space-lg);align-items:start}@media(max-width:680px){.sp-contact-page__grid{grid-template-columns:1fr}}.sp-contact-page__info-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-md)}.sp-contact-page__card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);box-shadow:var(--shadow-md)}.sp-contact-page__card-header{display:flex;align-items:center;gap:var(--space-sm)}.sp-contact-page__card-icon{width:36px;height:36px;flex-shrink:0;color:var(--text-brand)}.sp-contact-page__card-title{font-size:var(--text-lg);color:var(--text-brand);margin:0}.sp-contact-page__card-desc{font-size:var(--text-sm);color:var(--text-muted);margin:0;line-height:1.6}.sp-contact-page__card-link{font-size:var(--text-base);font-weight:600;color:var(--text-brand);text-decoration:none;transition:color var(--transition-fast)}.sp-contact-page__card-link:hover{color:var(--brand-500)}.sp-contact-page__form-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-md)}.sp-contact-page__form{display:flex;flex-direction:column;gap:var(--space-md)}.sp-contact-page__field{display:flex;flex-direction:column;gap:var(--space-xs)}.sp-contact-page__label{font-size:var(--text-sm);font-weight:600;color:var(--text-main)}.sp-contact-page__input,.sp-contact-page__textarea{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-main);font-family:var(--font-body);font-size:var(--text-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.sp-contact-page__input:focus,.sp-contact-page__textarea:focus{outline:none;border-color:var(--border-brand);box-shadow:0 0 0 3px oklch(60% .17 var(--hue-brand) / .15)}.sp-contact-page__input::placeholder,.sp-contact-page__textarea::placeholder{color:var(--text-muted)}.sp-contact-page__textarea{resize:vertical;min-block-size:160px}.sp-contact-page__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}@media(max-width:500px){.sp-contact-page__row{grid-template-columns:1fr}}.sp-contact-page__checkbox-label{display:flex;align-items:flex-start;gap:var(--space-sm);font-size:var(--text-sm);color:var(--text-muted);cursor:pointer;line-height:1.4}.sp-contact-page__checkbox-label input[type=checkbox]{flex-shrink:0;margin-block-start:2px;width:16px;height:16px;accent-color:var(--brand-500);cursor:pointer}.sp-contact-page__checkbox-label a{color:var(--text-brand);text-decoration:underline;text-underline-offset:2px}.sp-contact-page__submit{width:100%;padding-block:var(--space-sm);background:var(--neutral-900);color:#fff;border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);font-weight:600;cursor:pointer;letter-spacing:.03em;transition:background var(--transition-fast)}.sp-contact-page__submit:hover{background:var(--neutral-800)}.sp-contact-page__submit:focus-visible{outline:3px solid var(--border-brand);outline-offset:2px}
