Curp Generator Access

.tooltip::after content: attr(data-tooltip); position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%) translateY(-8px); background: var(--card); color: var(--fg); padding: 0.5rem 0.75rem; border-radius: 6px; font-size: 0.75rem; white-space: nowrap; opacity: 0; pointer-events: none; transition: all 0.2s ease; border: 1px solid var(--border);

* box-sizing: border-box;

.form-input::placeholder color: var(--muted); curp generator

/* Button */ .btn-primary background: var(--accent); color: var(--bg); font-weight: 600; padding: 1rem 2rem; border-radius: 8px; border: none; cursor: pointer; transition: all 0.2s ease; font-family: inherit; font-size: 1rem; .tooltip::after content: attr(data-tooltip)

body font-family: 'Space Grotesk', sans-serif; background: var(--bg); color: var(--fg); min-height: 100vh; margin: 0; overflow-x: hidden; transform: translateX(-50%) translateY(-8px)