body{margin:0;padding:0;background-color:var(--background-color);color:var(--text-color);font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;}.signup-main{margin:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;}.signup-step{position:relative;max-width:400px;width:100%;background-color:var(--primary-color);padding:2rem;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,0.3);text-align:center;}.signup-step.hidden{display:none;}.back-link{position:absolute;top:20px;left:20px;color:var(--accent-color);text-decoration:none;font-size:16px;font-weight:500;display:inline-flex;align-items:center;gap:6px;transition:color 0.2s ease-in-out;}.back-link:hover{color:var(--danger-color);text-decoration:underline;}form{display:flex;flex-direction:column;gap:1rem;margin-top:1rem;}input{padding:0.75rem 1rem;border:2px solid var(--accent-color);border-radius:5px;background-color:var(--secondary-color);color:var(--text-color);font-size:1rem;}input::placeholder{color:var(--text-color);opacity:0.7;}button{padding:0.75rem 1rem;background-color:var(--accent-color);border:none;border-radius:5px;color:var(--background-color);font-size:1rem;cursor:pointer;transition:background-color 0.3s ease;}button:hover{background-color:var(--secondary-color);color:var(--text-color);}#signup-success{text-align:center;padding:2rem;color:var(--accent-color);}#signup-success.hidden{display:none;}#resend-code-link{color:var(--accent-color);text-decoration:underline;cursor:pointer;}#resend-code-link:hover{color:var(--danger-color);}.preview-notice{margin:0 0 1rem;padding:0.6rem 0.9rem;border-radius:6px;background-color:var(--accent-color);color:var(--on-accent);font-size:0.85rem;font-weight:700;text-align:center;}