Lorem ipsum dolor sit amet consectetur adipisicing elit. Minima incidunt eaque a cumque, porro maxime autem sed.

Contact us

Get UPdate

Welcome to our printing shop !
Free shipping on all U.S. orders $50+ Shop Now
Extra sale 30% off :
  • 0
  • 0
  • 0
  • 0
Home . Register
Sign Up Today!
Hey! Enter your details to make an account
& become our partner
} .rf-field.is-valid .rf-index { background: #22c55e; } .rf-field.is-invalid .rf-index { background: #ef4444; } /* Status icon beside label */ .rf-status { font-size: 13px; font-weight: 700; margin-left: 6px; transition: color .25s; } .rf-field.is-valid .rf-status { color: #22c55e; } .rf-field.is-invalid .rf-status { color: #ef4444; } /* Input border feedback */ .rf-field.is-valid input { border-color: #22c55e !important; box-shadow: 0 0 0 3px rgba(34,197,94,.15); } .rf-field.is-invalid input { border-color: #ef4444 !important; box-shadow: 0 0 0 3px rgba(239,68,68,.15); } /* Meta row: hint + counter */ .rf-meta { display: flex; justify-content: space-between; margin-top: 4px; min-height: 18px; } .rf-hint { font-size: 12px; transition: color .25s; } .rf-counter{ font-size: 12px; color: #999; } .rf-field.is-valid .rf-hint { color: #22c55e; } .rf-field.is-invalid .rf-hint { color: #ef4444; } /* Password strength bar */ .rf-strength-bar { display: flex; gap: 4px; margin-top: 8px; height: 5px; } .rf-seg { flex: 1; border-radius: 3px; background: #e5e7eb; transition: background .35s; } .rf-seg.active-1 { background: #ef4444; } .rf-seg.active-2 { background: #f97316; } .rf-seg.active-3 { background: #eab308; } .rf-seg.active-4 { background: #22c55e; } /* Password rules checklist */ .rf-rules { list-style: none; padding: 8px 0 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 4px 12px; } .rf-rules li { font-size: 12px; color: #9ca3af; display: flex; align-items: center; gap: 5px; transition: color .25s; } .rf-rule-idx { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; border-radius: 50%; background: #e5e7eb; color: #6b7280; font-size: 10px; font-weight: 700; flex-shrink: 0; transition: background .25s, color .25s; } .rf-rules li.passed { color: #22c55e; } .rf-rules li.passed .rf-rule-idx { background: #22c55e; color: #fff; } .rf-rules li.failed { color: #ef4444; } .rf-rules li.failed .rf-rule-idx { background: #ef4444; color: #fff; }