.signup-container{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:3rem 0}.signup-card{background:rgba(19,19,26,.8);border:1px solid rgba(168,85,247,.2);border-radius:16px;padding:3rem;width:100%;max-width:420px;backdrop-filter:blur(10px);box-shadow:0 8px 32px rgba(168,85,247,.1)}.signup-header{text-align:center;margin-bottom:2rem}.signup-header h1{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;color:var(--phantom-light)}.signup-header p{color:var(--phantom-gray);font-size:.95rem}.signup-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;font-weight:500;color:var(--phantom-light);text-transform:capitalize}.form-group input{padding:.75rem 1rem;background:rgba(0,0,0,.3);border:1px solid rgba(168,85,247,.2);border-radius:8px;color:var(--phantom-light);font-family:inherit;font-size:1rem;transition:all .3s ease}.form-group input::placeholder{color:rgba(228,228,231,.5)}.form-group input:focus{outline:none;background:rgba(0,0,0,.5);border-color:var(--phantom-purple);box-shadow:0 0 0 3px rgba(168,85,247,.1)}.password-hint{color:var(--phantom-gray);font-size:.8rem;line-height:1.4}.btn-submit{padding:.875rem 1.5rem;margin-top:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(168,85,247,.3)}.btn-submit:active{transform:translateY(0)}.btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.message-box{padding:1rem;border-radius:4px;font-size:.9rem;display:none;text-align:left}.message-box.success{display:block;background:rgba(16,185,129,5%);border:none;border-left:4px solid var(--phantom-green);color:var(--phantom-green)}.message-box.error{display:block;background:rgba(239,68,68,5%);border:none;border-left:4px solid #ef4444;color:#ef4444}.message-box.loading{display:block;background:rgba(6,182,212,5%);border:none;border-left:4px solid var(--phantom-cyan);color:var(--phantom-cyan)}.message-box a{color:inherit;font-weight:600;text-decoration:underline}.signup-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(168,85,247,.1);color:var(--phantom-gray);font-size:.9rem}.signup-footer a{color:var(--phantom-purple);text-decoration:none;font-weight:500;transition:color .3s ease}.signup-footer a:hover{color:var(--phantom-cyan)}@media(max-width:640px){.signup-card{padding:2rem 1.5rem;margin:1rem}.signup-header h1{font-size:1.5rem}}