.contact-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:6rem 1.5rem 3rem}.contact-container{width:100%;max-width:640px}.contact-header{text-align:center;margin-bottom:2rem}.contact-header>*+*{margin-top:.5rem}.contact-card{padding:2rem;gap:1.75rem}.contact-card,.contact-categories{display:flex;flex-direction:column}.contact-categories{gap:.5rem}.contact-pills{display:flex;flex-wrap:wrap;gap:.5rem}.contact-pill{padding:.5rem 1rem;border-radius:100px;border:1px solid hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.03);color:hsla(0,0%,100%,.6);font-size:.8125rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s ease}.contact-pill:hover{background:hsla(0,0%,100%,.06);border-color:hsla(0,0%,100%,.12);color:hsla(0,0%,100%,.8)}.contact-pill--active{background:rgba(129,140,248,.12);border-color:rgba(129,140,248,.3);color:#818cf8}.contact-pill--active:hover{background:rgba(129,140,248,.18)}.contact-category-desc{font-size:.75rem;color:hsla(0,0%,100%,.35);padding-left:.25rem}.contact-user-card{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;border-radius:12px;border:1px solid rgba(129,140,248,.15);background:rgba(129,140,248,.04)}.contact-user-card__avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.contact-user-card__avatar--placeholder{display:flex;align-items:center;justify-content:center;background:rgba(129,140,248,.15);color:#818cf8;font-size:1rem;font-weight:600}.contact-user-card__info{display:flex;flex-direction:column;gap:.125rem;min-width:0}.contact-user-card__name{font-size:.875rem;font-weight:600;color:hsla(0,0%,100%,.9)}.contact-user-card__email,.contact-user-card__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-user-card__email{font-size:.75rem;color:hsla(0,0%,100%,.4)}.contact-fields{display:flex;flex-direction:column;gap:1.25rem}.contact-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.contact-field{display:flex;flex-direction:column;gap:.375rem;position:relative}.contact-field-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:hsla(0,0%,100%,.45)}.contact-input,.contact-textarea{width:100%;padding:.75rem 1rem;border:1px solid hsla(0,0%,100%,.08);border-radius:10px;background:hsla(0,0%,100%,.03);color:hsla(0,0%,100%,.9);font-family:inherit;font-size:.875rem;line-height:1.5;transition:border-color .2s ease,background .2s ease}.contact-input:focus,.contact-textarea:focus{outline:none;border-color:rgba(129,140,248,.4);background:hsla(0,0%,100%,.04)}.contact-input::placeholder,.contact-textarea::placeholder{color:hsla(0,0%,100%,.2)}.contact-textarea{resize:vertical;min-height:120px}.contact-charcount{position:absolute;bottom:.5rem;right:.75rem;font-size:.6875rem;color:hsla(0,0%,100%,.2);pointer-events:none}.contact-error{padding:.75rem 1rem;border-radius:10px;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.15);color:#f87171;font-size:.8125rem}.contact-error,.contact-submit{display:flex;align-items:center;gap:.5rem}.contact-submit{flex-direction:column}.contact-submit-hint{text-align:center}.cts__slider{width:100%;max-width:360px;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.cts__slider--disabled{opacity:.4;pointer-events:none}.cts__track{position:relative;height:52px;border-radius:26px;border:1px solid hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.03);overflow:hidden;cursor:-webkit-grab;cursor:grab}.cts__track:active{cursor:-webkit-grabbing;cursor:grabbing}.cts__fill{position:absolute;inset:0;border-radius:26px;background:linear-gradient(90deg,rgba(129,140,248,.15),rgba(129,140,248,.25));transition:width .05s linear;pointer-events:none}.cts__thumb{position:absolute;top:2px;left:2px;width:48px;height:48px;border-radius:24px;background:rgba(129,140,248,.9);display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .05s linear;box-shadow:0 2px 12px rgba(129,140,248,.3);z-index:1}.cts__slider--done .cts__thumb{background:#22c55e;box-shadow:0 2px 12px rgba(34,197,94,.3)}.cts__label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:500;color:hsla(0,0%,100%,.35);pointer-events:none;padding-left:48px}.cts__label--done{color:#22c55e;padding-left:0;font-weight:600}.cts__slider--done .cts__track{border-color:rgba(34,197,94,.2);background:rgba(34,197,94,.05)}.cts__slider--done .cts__fill{background:linear-gradient(90deg,rgba(34,197,94,.1),rgba(34,197,94,.2));width:100%!important}.contact-success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1rem;gap:.75rem}.contact-success__icon{margin-bottom:.5rem}html[data-theme=light] .contact-user-card{border-color:rgba(99,102,241,.12);background:rgba(99,102,241,.04)}html[data-theme=light] .contact-user-card__name{color:rgba(0,0,0,.85)}html[data-theme=light] .contact-user-card__email{color:rgba(0,0,0,.4)}html[data-theme=light] .contact-user-card__avatar--placeholder{background:rgba(99,102,241,.1);color:#6366f1}html[data-theme=light] .contact-pill{border-color:rgba(0,0,0,.08);background:rgba(0,0,0,.02);color:rgba(0,0,0,.55)}html[data-theme=light] .contact-pill:hover{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.12);color:rgba(0,0,0,.75)}html[data-theme=light] .contact-pill--active{background:rgba(99,102,241,.08);border-color:rgba(99,102,241,.2);color:#6366f1}html[data-theme=light] .contact-field-label{color:rgba(0,0,0,.45)}html[data-theme=light] .contact-input,html[data-theme=light] .contact-textarea{border-color:rgba(0,0,0,.1);background:rgba(0,0,0,.02);color:rgba(0,0,0,.85)}html[data-theme=light] .contact-input:focus,html[data-theme=light] .contact-textarea:focus{border-color:rgba(99,102,241,.4);background:rgba(0,0,0,.01)}html[data-theme=light] .contact-input::placeholder,html[data-theme=light] .contact-textarea::placeholder{color:rgba(0,0,0,.25)}html[data-theme=light] .contact-charcount{color:rgba(0,0,0,.2)}html[data-theme=light] .contact-category-desc{color:rgba(0,0,0,.35)}html[data-theme=light] .cts__track{border-color:rgba(0,0,0,.1);background:rgba(0,0,0,.02)}html[data-theme=light] .cts__label{color:rgba(0,0,0,.3)}html[data-theme=light] .contact-error{background:rgba(239,68,68,.06);border-color:rgba(239,68,68,.12);color:#dc2626}@media (max-width:640px){.contact-page{padding:5rem 1rem 2rem}.contact-card{padding:1.5rem}.contact-row{grid-template-columns:1fr}.contact-pills{gap:.375rem}.contact-pill{padding:.375rem .75rem;font-size:.75rem}}