.contact-page{max-width:1200px;margin:0 auto;padding:0 2rem 4rem}.contact-hero{text-align:center;padding:3.5rem 1rem 2.5rem;position:relative;background:linear-gradient(180deg,rgba(45,212,191,.06),transparent);border-radius:0 0 24px 24px}[data-theme=light] .contact-hero{background:linear-gradient(180deg,rgba(0,112,168,.07),transparent)}.contact-hero-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 60%,rgba(0,212,255,.07) 0,transparent 65%);pointer-events:none}[data-theme=light] .contact-hero-glow{background:radial-gradient(ellipse at 50% 60%,rgba(0,112,168,.06) 0,transparent 65%)}.contact-title{font-family:Inter,sans-serif;font-size:2.4rem;font-weight:800;color:var(--text-primary);letter-spacing:-.5px;margin:0 0 .8rem}.contact-sub{color:var(--text-secondary);font-size:1.05rem;max-width:520px;margin:0 auto;line-height:1.7}.contact-body{display:grid;grid-template-columns:1fr 1.1fr;grid-gap:2rem;gap:2rem;align-items:start}.contact-subject-hints{background:var(--dark-card);border:1px solid var(--dark-border);border-radius:16px;padding:1.25rem 1.4rem 1.4rem;margin-bottom:1.5rem}.subject-hints-title{font-family:Inter,sans-serif;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted);margin:0 0 .9rem}.subject-chips-row{display:flex;flex-wrap:wrap;gap:.55rem}.subject-hint-chip{display:inline-flex;align-items:center;gap:6px;padding:.45rem .95rem;border-radius:20px;border:1.5px solid var(--dark-border-bright);background:var(--dark-card2);color:var(--text-secondary);font-family:Inter,sans-serif;font-size:.82rem;font-weight:600;cursor:pointer;transition:border-color .2s,background .2s,color .2s,box-shadow .2s,transform .15s;line-height:1.3}.subject-hint-chip:hover{border-color:var(--cyan);color:var(--cyan);background:var(--dark-card);transform:translateY(-1px)}.subject-hint-chip.active{border-color:var(--cyan);background:var(--dark-card2);color:var(--cyan);box-shadow:0 0 0 3px var(--cyan-glow)}.shc-emoji{font-size:1rem;line-height:1}.contact-faq{background:var(--dark-card);border:1px solid var(--dark-border);border-radius:16px;overflow:hidden}.faq-title{font-family:Inter,sans-serif;font-size:.75rem;letter-spacing:-.2px;text-transform:uppercase;color:var(--text-muted);padding:1.2rem 1.4rem .8rem;margin:0;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--dark-border)}.faq-title-icon{font-size:1rem}.faq-item{border-bottom:1px solid var(--dark-border)}.faq-item:last-child{border-bottom:none}.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:1rem 1.4rem;background:none;border:none;color:var(--text-secondary);font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;text-align:left;cursor:pointer;transition:color .2s,background .2s}.faq-q:hover{color:var(--text-primary);background:rgba(255,255,255,.02)}[data-theme=light] .faq-q:hover{background:rgba(0,112,168,.03)}.faq-item.open .faq-q{color:var(--cyan)}.faq-chevron{font-size:1.3rem;color:var(--text-muted);transition:transform .3s cubic-bezier(.4,0,.2,1),color .2s;flex-shrink:0;line-height:1}.faq-item.open .faq-chevron{transform:rotate(90deg);color:var(--cyan)}.faq-a{max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1),padding .3s ease;padding:0 1.4rem}.faq-item.open .faq-a{max-height:200px;padding:0 1.4rem 1rem}.faq-a p{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.7;border-left:2px solid var(--cyan-glow);padding-left:.9rem}.contact-form-card{background:var(--dark-card);border:1px solid var(--dark-border);border-radius:18px;padding:2rem;box-shadow:0 0 40px rgba(0,0,0,.18);position:-webkit-sticky;position:sticky;top:88px}[data-theme=light] .contact-form-card{box-shadow:0 4px 24px rgba(0,80,130,.1)}.form-heading{font-family:Inter,sans-serif;font-size:1.15rem;font-weight:700;color:var(--text-primary);letter-spacing:-.2px;margin:0 0 .4rem}.form-sub{color:var(--text-muted);font-size:.85rem;margin:0 0 1.5rem;line-height:1.5}.cf-form{display:flex;flex-direction:column;gap:1rem}.cf-row-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:.8rem;gap:.8rem}.cf-group{display:flex;flex-direction:column;gap:.35rem}.cf-label{font-family:Inter,sans-serif;font-size:.6rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted)}.cf-req{color:#ef4444}.cf-input,.cf-textarea{background:var(--dark-card2);border:1px solid var(--dark-border-bright);border-radius:10px;color:var(--text-primary);font-family:Inter,sans-serif;font-size:.95rem;padding:.65rem .9rem;outline:none;transition:border-color .25s,box-shadow .25s,background .25s;width:100%;box-sizing:border-box}.cf-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%239ca3af' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .9rem center;padding-right:2.4rem;cursor:pointer}[data-theme=light] .cf-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236a96ae' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")}.cf-input::placeholder,.cf-textarea::placeholder{color:var(--text-muted)}.cf-input:focus,.cf-textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px var(--cyan-glow);background:var(--dark-card)}.cf-select option{background:var(--dark-card2);color:var(--text-primary)}.cf-textarea{resize:vertical;min-height:120px}.cf-submit{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.85rem 1.5rem;background:color-mix(in srgb,var(--cyan) 12%,transparent);border:1.5px solid var(--cyan);border-radius:10px;color:var(--cyan);font-family:Inter,sans-serif;font-weight:700;font-size:1rem;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:background .3s,box-shadow .3s,transform .2s,opacity .2s;margin-top:.3rem}.cf-submit:hover:not(:disabled){background:color-mix(in srgb,var(--cyan) 22%,transparent);box-shadow:0 0 24px var(--cyan-glow);transform:translateY(-2px)}.cf-submit:active:not(:disabled){transform:translateY(0);transition-duration:.08s}.cf-submit:disabled{opacity:.4;cursor:not-allowed}.cf-submit-arrow{font-size:1.1rem;transition:transform .25s}.cf-submit:hover:not(:disabled) .cf-submit-arrow{transform:translateX(4px)}.contact-success{text-align:center;padding:2.5rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.8rem}.success-icon{font-size:3.5rem;animation:successPop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes successPop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.contact-success h3{font-family:Inter,sans-serif;color:#10b981;font-size:1.1rem;letter-spacing:-.2px;margin:0}.contact-success p{color:var(--text-secondary);font-size:.92rem;line-height:1.6;max-width:300px;margin:0}.success-reset{margin-top:.5rem;padding:.55rem 1.4rem;background:rgba(16,185,129,.1);border:1px solid #10b981;border-radius:8px;color:#10b981;font-family:Inter,sans-serif;font-weight:700;font-size:.9rem;cursor:pointer;transition:background .25s,box-shadow .25s}.success-reset:hover{background:rgba(16,185,129,.2);box-shadow:0 0 14px rgba(16,185,129,.25)}@media (max-width:900px){.contact-body{grid-template-columns:1fr}.contact-form-card{position:static}}@media (max-width:600px){.contact-page{padding:0 1rem 3rem}.contact-title{font-size:1.6rem}.cf-row-2{grid-template-columns:1fr}.contact-form-card{padding:1.4rem}.subject-chips-row{gap:.4rem}.subject-hint-chip{font-size:.78rem;padding:.4rem .75rem}}