@layer components{.form-input{width:100%;padding:.625rem 1rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);font-size:.875rem;color:var(--color-text);transition:border-color .2s;&::placeholder{color:var(--color-text-secondary);opacity:.6}&:focus{outline:none;border-color:var(--color-primary-green)}}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text);margin-bottom:.25rem}.form-group+.form-group{margin-top:1rem}.form-grid-2{display:grid;grid-template-columns:repeat(2, 1fr);gap:.75rem}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.5rem;background:var(--color-primary-green);color:var(--color-black);font-weight:600;border-radius:var(--radius-xl);transition:background-color .2s;cursor:pointer;border:none;font-size:.875rem;&:hover{opacity:.9}}.btn-primary--full{width:100%}.btn-pill{display:inline-block;padding:.75rem 2rem;background:var(--color-primary-green);color:var(--color-black);font-weight:600;border-radius:var(--radius-full);transition:opacity .2s;&:hover{opacity:.9}}.form-checkbox{border-radius:var(--radius-sm);border:1px solid var(--color-border);color:var(--color-primary-green)}.form-hint{font-size:.75rem;color:var(--color-text-secondary);margin-top:.25rem}.form-link{color:var(--color-primary-green);transition:color .2s;&:hover{text-decoration:underline}}.form-secondary-link{color:var(--color-text-secondary);transition:color .2s;&:hover{color:var(--color-primary-green)}}}