/* Extra shared styles (rest inlined in index critical CSS) */
* { box-sizing: border-box; }
input, textarea { width:100%; background: rgba(255,255,255,.04); border:1px solid var(--border); color:var(--text); border-radius:10px; padding:10px 12px; outline:none; }
input:focus, textarea:focus { border-color: rgba(23,162,255,.6); box-shadow: 0 0 0 3px rgba(23,162,255,.15); }
.btn.primary:hover { filter: brightness(1.08) saturate(1.1); transform: translateY(-1px); }
.btn.ghost:hover { border-color: rgba(23,162,255,.45); }