*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.login-card{background:#fff;padding:3rem;border-radius:12px;box-shadow:0 10px 40px #0000001a;text-align:center;max-width:400px;width:90%}.login-card h1{margin:0 0 1rem;color:#333;font-size:2rem}.login-card p{color:#666;margin-bottom:2rem}.login-button{background:#667eea;color:#fff;border:none;padding:12px 32px;font-size:16px;border-radius:6px;cursor:pointer;transition:background .3s ease;width:100%;font-weight:600}.login-button:hover{background:#5568d3}.login-button:active{transform:scale(.98)}.home-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.home-card{background:#fff;padding:3rem;border-radius:12px;box-shadow:0 10px 40px #0000001a;text-align:center;max-width:500px;width:90%}.home-card h1{margin:0 0 1rem;color:#333;font-size:2.5rem}.home-card p{color:#666;margin-bottom:2rem;font-size:1.1rem}.logout-button{background:#e74c3c;color:#fff;border:none;padding:12px 32px;font-size:16px;border-radius:6px;cursor:pointer;transition:background .3s ease;font-weight:600}.logout-button:hover{background:#c0392b}.logout-button:active{transform:scale(.98)}