html,body{margin:0;padding:0;height:100%;font-family:'Fredoka',sans-serif;background-color:#7f5af0;color:#fff}nav{display:flex;justify-content:space-between;align-items:center;padding:20px 40px}.logo{display:flex;align-items:center;gap:10px}.nav-links{display:flex;gap:30px;align-items:center}.nav-links a{color:#fff;text-decoration:none;font-weight:500}.user-icon{width:24px;height:24px}.main-container{flex:1;display:flex;justify-content:center;align-items:center;padding:40px}.signup-card,.login-card{background-color:#5c4db1;width:400px;padding:40px;border-radius:12px;box-shadow:0 5px 15px rgb(0 0 0 / .3);text-align:center}.signup-card h1,.login-card h1{font-size:2.2em;margin-bottom:30px}.signup-card input[type="text"],.signup-card input[type="email"],.signup-card input[type="password"],.login-card input[type="email"],.login-card input[type="password"]{width:100%;padding:12px;margin:10px 0;border-radius:8px;border:none;background-color:#7a66e3;color:#fff;font-size:1em}.signup-card input::placeholder,.login-card input::placeholder{color:#ccc}.checkbox-container{display:flex;align-items:center;margin-top:15px;text-align:left}.checkbox-container input{margin-right:10px}.checkbox-container small{opacity:.8;font-style:italic}.signup-card button,.login-card button{margin-top:25px;background-color:#ffce4e;color:#222;border:none;padding:12px 24px;font-weight:700;border-radius:8px;cursor:pointer;box-shadow:0 3px 6px rgb(0 0 0 / .2);transition:background 0.2s}.signup-card button:hover,.login-card button:hover{background-color:#ffd860}.error-message{color:#faa;font-style:italic;margin-bottom:10px}