*{box-sizing:border-box}body{background:#f4f6f8;margin:0;font-family:Arial,sans-serif}.auth-container{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{background:#fff;border-radius:12px;width:100%;max-width:420px;padding:35px;box-shadow:0 8px 25px #0000001a}.signup-card{max-width:500px}.auth-card h1{text-align:center;margin-bottom:8px}.subtitle{text-align:center;color:#777;margin-bottom:25px}.form-group{margin-bottom:18px}.form-group label{margin-bottom:7px;font-weight:600;display:block}.form-group input{border:1px solid #ccc;border-radius:6px;width:100%;padding:12px;font-size:15px}.form-group input:focus{border-color:#333;outline:none}.auth-card button{color:#fff;cursor:pointer;background:#222;border:none;border-radius:6px;width:100%;padding:13px;font-size:16px}.auth-card button:hover{background:#444}.auth-card button:disabled{opacity:.6;cursor:not-allowed}.switch-page{text-align:center;margin-top:20px}.switch-page a{margin-left:6px;font-weight:700;text-decoration:none}.error-message{color:#c00;background:#ffe5e5;border-radius:5px;margin-bottom:15px;padding:10px}.success-message{color:#087a20;background:#e5ffe9;border-radius:5px;margin-bottom:15px;padding:10px}.home-container{background:#f4f6f8;min-height:100vh}.navbar{color:#fff;background:#222;justify-content:space-between;align-items:center;height:65px;padding:0 40px;display:flex}.navbar h2{margin:0}.navbar button{cursor:pointer;border:none;border-radius:5px;padding:9px 18px}.home-content{text-align:center;max-width:900px;margin:60px auto;padding:20px}.home-content h1{font-size:36px}.user-card{text-align:left;background:#fff;border-radius:10px;max-width:500px;margin:30px auto;padding:25px;box-shadow:0 5px 20px #00000014}.user-card h2{text-align:center;margin-bottom:25px}.loading{justify-content:center;align-items:center;min-height:100vh;font-size:20px;display:flex}