*{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;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;align-items:center;justify-content:center}.login-container{width:100%;max-width:400px;padding:2rem 1rem}.login-card{background:#fff;border-radius:12px;padding:2.5rem;box-shadow:0 10px 40px #00000026}.login-card h1{color:#1f2937;font-size:1.875rem;font-weight:700;margin-bottom:.5rem;text-align:center}.subtitle{color:#6b7280;font-size:.875rem;text-align:center;margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;color:#374151;font-weight:500;margin-bottom:.5rem;font-size:.875rem}.form-group input{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;transition:all .2s}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.error-message{background:#fee2e2;color:#dc2626;padding:.75rem;border-radius:4px;margin-bottom:1rem;font-size:.875rem}.success-message{background:#dcfce7;color:#166534;padding:.75rem;border-radius:4px;margin-bottom:1rem;font-size:.875rem}.btn-primary{width:100%;padding:.875rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:.5rem}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.links{margin-top:1.5rem;text-align:center;color:#6b7280;font-size:.875rem}.links a{color:#667eea;text-decoration:none;font-weight:500}.links a:hover{text-decoration:underline}.links span{margin:0 .5rem}