.contact-page{max-width:620px;margin:0 auto;padding:0 16px 64px}.contact-hero{margin:0 -16px 28px;padding:22px 28px 40px;background:var(--brand-gradient);color:#fff;text-align:center}.contact-brand{display:inline-block;margin-bottom:20px;font-size:20px;font-weight:900;letter-spacing:-.06em;color:#fff;text-decoration:none;opacity:.95;transition:opacity .15s}.contact-brand:hover{opacity:1}.contact-hero h1{margin:0 0 8px;font-size:clamp(1.6rem,5vw,2.1rem);font-weight:800;letter-spacing:-.02em}.contact-hero p{margin:0;font-size:.95rem;opacity:.92;line-height:1.7}.contact-card{background:var(--card,#fff);border:1px solid var(--border,#e5e5e5);border-radius:18px;padding:28px 24px;box-shadow:0 4px 24px rgba(16,24,40,.06)}.contact-faq{margin:0 0 22px;padding:12px 16px;background:color-mix(in srgb,var(--brand-2,#5c45e9) 6%,transparent);border-radius:12px;font-size:.85rem;color:var(--muted-foreground,#6b7280)}.contact-faq a{color:#5c45e9;font-weight:600;text-decoration:none}.contact-faq a:hover{text-decoration:underline}.contact-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:6px}.contact-tab{padding:13px 12px;border:1.5px solid var(--border,#e5e5e5);border-radius:12px;background:#fff;font-size:.95rem;font-weight:700;color:var(--muted-foreground,#6b7280);cursor:pointer;transition:all .15s ease}.contact-tab:hover{border-color:#b3a9f0}.contact-tab.is-active{border-color:transparent;background:var(--brand-gradient);color:#fff;box-shadow:0 4px 14px rgba(92,69,233,.28)}.contact-tab-hint{margin:8px 2px 24px;font-size:.78rem;color:var(--muted-foreground,#9ca3af)}.contact-field{margin-bottom:20px}.contact-field>label{display:block;font-weight:700;font-size:.85rem;margin-bottom:7px;color:var(--foreground,#111)}.contact-field input,.contact-field select,.contact-field textarea{width:100%;padding:12px 14px;border:1.5px solid var(--border,#e5e5e5);border-radius:11px;font-size:.95rem;font-family:inherit;background:#fff;color:var(--foreground,#111);transition:border-color .15s,box-shadow .15s}.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{outline:none;border-color:#5c45e9;box-shadow:0 0 0 3px rgba(92,69,233,.14)}.contact-field textarea{resize:vertical;min-height:140px;line-height:1.6}.contact-hint{display:block;margin-top:7px;font-size:.75rem;color:var(--muted-foreground,#9ca3af);line-height:1.6}.contact-submit{width:100%;padding:15px;border:none;border-radius:12px;background:var(--brand-gradient);color:#fff;font-size:1rem;font-weight:800;letter-spacing:.02em;cursor:pointer;transition:opacity .15s,transform .05s;box-shadow:0 6px 18px rgba(92,69,233,.28)}.contact-submit:hover:not(:disabled){opacity:.94}.contact-submit:active:not(:disabled){transform:translateY(1px)}.contact-submit:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.contact-error{margin-bottom:18px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:11px;color:#b91c1c;font-size:.88rem}.contact-pending-note{margin:14px 0 0;text-align:center;font-size:.78rem;color:var(--muted-foreground,#9ca3af)}.contact-done{text-align:center;padding:12px 4px}.contact-done-check{width:64px;height:64px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:var(--brand-gradient);color:#fff;font-size:1.9rem}.contact-done h2{margin:0 0 12px;font-size:1.35rem;font-weight:800}.contact-done p{margin:0 0 10px;line-height:1.8;color:var(--foreground,#333)}.contact-done .contact-done-fine{font-size:.8rem;color:var(--muted-foreground,#9ca3af)}.contact-legal-link{margin:26px 0 0;text-align:center;font-size:.8rem}.contact-legal-link a{color:var(--muted-foreground,#6b7280);text-decoration:none}.contact-legal-link a:hover{text-decoration:underline}