.contact-page{--contact-danger:color-mix(in srgb, #e5484d 85%, var(--color));--contact-field-bg:color-mix(in srgb, var(--color) 3%, var(--card-color));max-width:1060px;color:var(--color);margin:0 auto;padding:8.5rem 1.5rem 6rem}.contact-header{max-width:34rem;margin-bottom:2.75rem}.contact-header h1{letter-spacing:-.03em;color:var(--title);margin:0;font-size:clamp(2.1rem,1.6rem + 2vw,2.9rem);font-weight:700;line-height:1.08}.contact-header p{color:var(--subtitle-gray);text-wrap:pretty;margin:.9rem 0 0;font-size:1rem;line-height:1.6}.contact-layout{grid-template-columns:minmax(0,1fr) 15.5rem;align-items:start;gap:3.5rem;display:grid}.contact-card{background:var(--card-color);min-width:0;box-shadow:inset 0 0 0 1px var(--surface-border), 0 24px 60px -32px #00000059;border-radius:20px;padding:2rem}.contact-card form{flex-direction:column;gap:1.35rem;display:flex}.contact-topics{border:0;min-width:0;margin:0;padding:0}.contact-topics .contact-label{margin-bottom:.6rem}.contact-segment{flex-wrap:wrap;gap:.4rem;display:flex}.contact-segment__option{cursor:pointer;position:relative}.contact-segment__option input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.contact-segment__option span{min-height:38px;color:var(--subtitle-gray2);background:var(--contact-field-bg);box-shadow:inset 0 0 0 1px var(--surface-border);transition:color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-press) var(--ease-out);border-radius:999px;align-items:center;padding:.45rem .95rem;font-size:.86rem;font-weight:550;display:inline-flex}.contact-segment__option:hover span{color:var(--title)}.contact-segment__option:active span{transform:scale(.97)}.contact-segment__option input:checked+span{color:var(--primary);background:var(--primary-dark);box-shadow:inset 0 0 0 1px var(--border-strong)}.contact-segment__option input:focus-visible+span{outline:2px solid var(--primary);outline-offset:2px}.contact-topics--sub{margin-top:-.6rem}.contact-segment--sub .contact-segment__option span{min-height:32px;padding:.3rem .8rem;font-size:.8rem}.contact-topic-hint{color:var(--subtitle-gray);text-wrap:pretty;margin:-.5rem 0 0;font-size:.88rem;line-height:1.55}.contact-context{background:var(--contact-field-bg);box-shadow:inset 0 0 0 1px var(--surface-border);border-radius:12px;align-items:center;gap:.6rem;min-width:0;margin-top:-.4rem;padding:.55rem .55rem .55rem .9rem;font-size:.86rem;display:flex}.contact-context__label{letter-spacing:.14em;text-transform:uppercase;color:var(--subtitle-gray);flex:none;font-size:.68rem;font-weight:600}.contact-context__title{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--title);flex:1;font-weight:600;overflow:hidden}.contact-context__title:hover{color:var(--primary)}.contact-context__clear{width:28px;height:28px;color:var(--subtitle-gray);transition:color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);border-radius:999px;flex:none;place-items:center;display:grid}.contact-context__clear:hover{color:var(--title);background:var(--card-hover)}.contact-context__clear:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.contact-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.contact-field{flex-direction:column;min-width:0;display:flex}.contact-label{color:var(--title-2);align-items:baseline;gap:.5rem;margin:0 0 .45rem;padding:0;font-size:.84rem;font-weight:600;line-height:1.4;display:flex}.contact-optional{color:var(--subtitle-gray);font-size:.74rem;font-weight:500}.contact-field input,.contact-field textarea{box-sizing:border-box;background:var(--contact-field-bg);width:100%;box-shadow:inset 0 0 0 1px var(--surface-border);color:var(--title);font:inherit;transition:box-shadow var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);border:0;border-radius:12px;padding:.75rem .95rem;font-size:.95rem;line-height:1.5}.contact-field input{min-height:46px}.contact-field textarea{resize:vertical;min-height:150px}.contact-field input::placeholder,.contact-field textarea::placeholder{color:var(--subtitle-gray);opacity:.8}.contact-field input:hover,.contact-field textarea:hover{box-shadow:inset 0 0 0 1px var(--border-primary)}.contact-field input:focus,.contact-field textarea:focus{box-shadow:inset 0 0 0 1px var(--primary), 0 0 0 4px var(--primary-dark);outline:none}.contact-field[data-invalid] input,.contact-field[data-invalid] textarea{box-shadow:inset 0 0 0 1px var(--contact-danger)}.contact-field[data-invalid] input:focus,.contact-field[data-invalid] textarea:focus{box-shadow:inset 0 0 0 1px var(--contact-danger), 0 0 0 4px color-mix(in srgb, var(--contact-danger) 18%, transparent)}.contact-field-error{color:var(--contact-danger);margin:.45rem 0 0;font-size:.82rem;line-height:1.45}.contact-error{background:color-mix(in srgb, var(--contact-danger) 10%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--contact-danger) 35%, transparent);color:var(--contact-danger);border-radius:12px;margin:0;padding:.8rem .95rem;font-size:.86rem;line-height:1.5}.contact-submit{flex-wrap:wrap;align-items:center;gap:.9rem 1.25rem;margin-top:.25rem;display:flex}.contact-btn{background:var(--gradient-cta);color:#0a0a0a;min-height:48px;font:inherit;cursor:pointer;transition:filter var(--dur-fast) var(--ease-out), transform var(--dur-press) var(--ease-out), opacity var(--dur-fast) var(--ease-out);border:0;border-radius:999px;justify-content:center;align-items:center;padding:.8rem 1.6rem;font-size:.95rem;font-weight:700;display:inline-flex}.contact-btn:hover:not(:disabled){filter:brightness(1.06)}.contact-btn:active:not(:disabled){transform:scale(.97)}.contact-btn:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.contact-btn:disabled{opacity:.6;cursor:progress}.contact-btn--ghost{color:var(--primary);box-shadow:inset 0 0 0 1px var(--border-strong);background:0 0}.contact-btn--ghost:hover:not(:disabled){filter:none;background:var(--primary-dark)}.contact-privacy{color:var(--subtitle-gray);margin:0;font-size:.8rem;line-height:1.5}.contact-privacy a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-underline-offset:.2em}.contact-privacy a:hover{color:var(--title)}.contact-success{flex-direction:column;align-items:flex-start;padding:.5rem 0;display:flex}.contact-success__mark{width:44px;height:44px;color:var(--primary);background:var(--primary-dark);box-shadow:inset 0 0 0 1px var(--border-primary);border-radius:999px;place-items:center;margin-bottom:1.1rem;display:grid}.contact-success h2{letter-spacing:-.02em;color:var(--title);margin:0;font-size:1.5rem;font-weight:700}.contact-success p{max-width:34rem;color:var(--subtitle-gray2);margin:.6rem 0 1.5rem;font-size:.95rem;line-height:1.6}.contact-success strong{color:var(--title);overflow-wrap:anywhere;font-weight:600}.contact-aside{flex-direction:column;gap:1.75rem;padding-top:.5rem;display:flex}.contact-aside__label{letter-spacing:.16em;text-transform:uppercase;color:var(--subtitle-gray);margin:0 0 .35rem;font-size:.7rem;font-weight:600}.contact-aside__value{color:var(--primary);overflow-wrap:anywhere;font-size:.92rem;font-weight:600}.contact-aside__value:hover{color:var(--primary-hover)}.contact-aside__text{color:var(--subtitle-gray2);margin:0;font-size:.9rem;line-height:1.55}.contact-aside__action{font:inherit;color:var(--primary);cursor:pointer;align-items:center;gap:.4rem;margin-top:.55rem;padding:0;font-size:.9rem;font-weight:600;display:inline-flex}.contact-aside__action span{transition:transform var(--dur-base) var(--ease-out)}.contact-aside__action:hover{color:var(--primary-hover)}.contact-aside__action:hover span{transform:translate(3px)}.contact-aside__action:focus-visible,.contact-aside__value:focus-visible,.contact-aside__support a:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}.contact-aside__support{border-top:1px solid var(--surface-border);color:var(--subtitle-gray);margin:0;padding-top:1.5rem;font-size:.82rem;line-height:1.55}.contact-aside__support a{color:var(--subtitle-gray2);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-underline-offset:.2em}.contact-aside__support a:hover{color:var(--primary)}@media (max-width:880px){.contact-layout{grid-template-columns:minmax(0,1fr);gap:2.5rem}.contact-aside{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1.5rem 2rem;padding:0 .25rem;display:grid}.contact-aside__support{grid-column:1/-1}}@media (max-width:640px){.contact-page{padding:6.5rem 1rem 4rem}.contact-header{margin-bottom:2rem}.contact-card{border-radius:16px;padding:1.25rem}.contact-row{grid-template-columns:1fr;gap:1.35rem}.contact-field input,.contact-field textarea{font-size:16px}.contact-submit .contact-btn{width:100%}}@media (prefers-reduced-motion:reduce){.contact-segment__option span,.contact-field input,.contact-field textarea,.contact-btn,.contact-context__clear,.contact-aside__action span{transition:none}.contact-segment__option:active span,.contact-btn:active:not(:disabled),.contact-aside__action:hover span{transform:none}}
