.signup-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#fff,#f3f4f6);font-family:Poppins,sans-serif;color:#333}.container{background:#fff;padding:40px 30px;border-radius:10px;box-shadow:0 10px 20px rgba(0,0,0,.1);width:100%;max-width:400px;text-align:center}.title{font-size:2rem;font-weight:600;margin-bottom:20px;color:#007bff}.signup-form .form-group{margin-bottom:20px;text-align:left}.signup-form label{display:block;margin-bottom:5px;font-weight:500}.signup-form input{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:1rem;transition:border-color .3s}.signup-form input:focus{border-color:#007bff;outline:none}.error{color:#d9534f;font-size:.85rem;margin-top:5px}.submit-btn{width:100%;padding:12px;background-color:#007bff;color:#fff;border:none;border-radius:5px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.submit-btn:hover{background-color:#0056b3}.submit-btn:disabled{background-color:#d6d6d6;cursor:not-allowed}.login-prompt{margin-top:20px;font-size:.9rem;color:#555}.login-link{color:#007bff;text-decoration:none;font-weight:500}.login-link:hover{text-decoration:underline}.profile{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#6a11cb,#2575fc);border-radius:12px;box-shadow:0 8px 15px rgba(0,0,0,.2);color:#fff;padding:20px;text-align:center;width:300px;font-family:Arial,sans-serif;animation:fadeIn .5s ease-in-out}.profile .name{font-size:24px;font-weight:700;margin-bottom:10px}.profile .email{font-size:16px;margin-bottom:20px}.signoutbtn{display:inline-block;background:hsla(0,0%,100%,.2);color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease}.signoutbtn:hover{background:hsla(0,0%,100%,.4);transform:scale(1.1)}@media screen and (max-width:600px){.profile{width:90%;padding:15px}.profile .name{font-size:20px}.profile .email{font-size:14px}.signoutbtn{font-size:12px;padding:8px 15px}}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}