/* ================================================
   THE KUEHS — Signup Page Styles
   ================================================ */

/* Wider card for signup */
.container{max-width:550px}

.field-hint{font-size:.72rem;color:rgba(255,255,255,.4);margin-top:5px;padding-left:4px;transition:color .2s}

.password-requirements{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;font-size:.7rem}
.req-item{display:flex;align-items:center;gap:5px;color:#ff8fab}
.req-item.valid{color:#2ecc71}
.req-item.invalid{color:#e74c3c}

.error-message{background:rgba(231,76,60,.2);border-left:3px solid #e74c3c;padding:12px 15px;border-radius:8px;margin-bottom:20px;font-size:.85rem;color:#ff8fab;text-align:left}
.error-message i{margin-right:8px;color:#e74c3c}

.register-btn{width:100%;padding:18px;margin:30px 0 25px;background:linear-gradient(to right,#ff4d6d,#ff8fab);border:none;border-radius:12px;color:white;font-size:1.2rem;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 8px 20px rgba(255,77,109,.3)}
.register-btn:hover{transform:translateY(-3px);box-shadow:0 12px 25px rgba(255,77,109,.5)}
.register-btn::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .7s}
.register-btn:hover::after{left:100%}
.register-btn i{margin-right:10px}

.footer-message{margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,77,109,.2)}
.footer-message p{font-size:1.4rem;color:#fff;font-weight:700;text-shadow:0 0 10px rgba(255,77,109,.3);letter-spacing:1px}
.footer-message span{color:#ff4d6d}

@media(max-width:768px){.password-requirements{flex-direction:column;gap:5px}}