.contact-page{background:var(--background-color);min-height:100vh;color:var(--color);justify-content:center;align-items:center;padding:4rem 1.5rem;display:flex}.contact-wrapper{flex-direction:column;gap:2rem;width:100%;max-width:900px;display:flex}.contact-header{text-align:center}.contact-header h1{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2.4rem;font-weight:700}.contact-header p{color:#ffffffb3;margin-top:.8rem}.contact-card{background:var(--card-color);border:1px solid var(--border-primary);box-shadow:var(--shadow-strong);border-radius:16px;padding:2rem}.contact-card form{flex-direction:column;gap:1rem;display:flex}.contact-card label{color:#ffffffbf;font-size:.85rem}.contact-card input,.contact-card textarea{border:1px solid var(--border-primary);color:#fff;background:#ffffff08;border-radius:10px;padding:.9rem;font-size:.95rem;transition:border .2s,box-shadow .2s}.contact-card input:focus,.contact-card textarea:focus{border-color:var(--primary);box-shadow:var(--shadow-glow);outline:none}.contact-card textarea{resize:vertical;min-height:140px}.send-btn{background:var(--gradient-cta);color:#000;cursor:pointer;border:none;border-radius:10px;margin-top:.5rem;padding:.9rem;font-weight:600;transition:transform .2s,opacity .2s}.send-btn:hover{opacity:.9;transform:translateY(-2px)}.category-selector{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.cat-btn{border:1px solid var(--border-primary);color:#ffffffb3;cursor:pointer;background:0 0;border-radius:999px;padding:.5rem .9rem;font-size:.8rem;transition:all .2s}.cat-btn:hover{border-color:var(--primary);color:var(--primary)}.cat-btn.active{background:var(--primary-dark);border-color:var(--primary);color:var(--primary)}.tag-preview{flex-wrap:wrap;gap:.4rem;margin-top:.5rem;display:flex}.tag{color:var(--primary);background:#d4af371a;border:1px solid #d4af3733;border-radius:999px;padding:.25rem .5rem;font-size:.7rem}